vue2.0 给data对象新增属性，并触发视图更新如下代码，给 student对象新增 age 属性 众所周知，直接给student赋值操作，虽然可以新增属性，但是不会触发视图更新 原因是：受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除 ...

根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 所以给对象新增属性，使用this.$set(对象,属性,属性值) 参考文档：https://www.jianshu.com/p/71b1807b1815 ...

如果直接使用this.test.name=1222不会起作用，因为受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应 ...

一、为什么需要使用Vue.set？ 　　vue中不能检测到数组和对象的两种变化： 　　1、数组长度的变化 vm.arr.length = 4 　　2、数组通过索引值修改内容 vm.arr[1] = ‘aa’ 　　Vue.$set(target,key,value)：可以动态的给数组、对象 ...

在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。 根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 Vue 不允许在已经创建的实例 ...

引文 vue文档列表渲染中有条注意事项： 这里提到的两种情况实际改变了数据但是没有触发视图更新。 由此引出Vue.set()，先上文档API： this.$set()和Vue.set()本质方法一样，前者可以用在methods中使用。 set方法调用时，可以触发页面全部重新渲染 ...

...

直接修改数组元素是无法触发视图更新的，如 修改array的length也无法触发视图更新，如 触发视图更新的方法有如下几种 1. Vue.set 可以设置对象或数组的值，通过key或数组索引，可以触发视图更新 数组修改 对象修改 ...