Vue实现动态响应数据变化

Vue实现动态响应数据变化

vue是MVVM模式，即Model-View-ViewModel，通过绑定数据即可以实时改变视图显示。

比如：使用v-blink动态绑定属性

使用v-html来绑定带有标签的内容（会解析标签）

使用v-text来绑定纯文本的内容（标签会以文本的形式输出）

无论通过哪种形式绑定，都需要在Vue中的data中定义

var App = new Vue ({

el: '#app',

data: {

property: '',

content: '',

example: [],

}

methods: {

}

});

但是如果你需要在接来下的工作中使用到新的变量，或者你发现你改变已在data中定义的对象的值，但是视图却没有动态变化。可以通过以下方式解决：

Vuejs扩展了观察数组

1.使用$set

//等同于 App.example[0] = {name: 1}

App.example.$set(0, {name: 1});

http://

2.使用全局Vue

Vue.set(example, 'name', 1);

通过这两种种方式都可以使视图更新

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。