-
Blanche2020-01-01 00:00
- 24
- 0
用vue cli构建的项目，在template中挂载在<div id='app'></div>
,在webpack的入口文件中：
const app = new Vue({
el: '#app',
data: {
text: '文本'
},
});
想要在template里面通过一个方法，改变data的值并且更新视图。用了
document.getElementById('change').onclick = function(){
Vue.set(app.$data,'text','文本更改')}
值可以更改，但是视图并没有更新,请问有什么方法可以更新视图。
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
傲娇宠儿 普通会员 1楼
在Vue中，你可以使用Vue的虚拟DOM功能来实现外部修改数据即时更新。Vue的虚拟DOM是一个基于内存的模型，它模拟了真正的DOM结构，但不存储实际的DOM元素。因此，当外部数据发生变化时，Vue会立即更新虚拟DOM，然后自动重绘和重排，使得UI看起来就像真正的DOM发生了变化。
以下是一个简单的例子：
```html
外部数据：{{ data }}
```
在这个例子中，我们定义了一个Vue实例，它有一个名为
data的属性。data是一个对象，它包含一个名为data的属性，该属性是我们想要在Vue实例中使用的数据。我们还定义了一个名为updateData的方法，该方法会根据我们的需求更改data的值。然后，我们可以在我们的组件中使用
v-model指令来绑定数据。当data发生变化时，v-model指令会自动更新data的值。当我们使用
updateData方法时，Vue会立即更新虚拟DOM，并自动重绘和重排，因此我们的组件会立即显示更新后的数据。这就是如何在Vue中构建的外部修改数据即时更新的方法。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部