Vue数据更新，页面视图不更新解决方法

Vue 数据更新，页面视图不更行

原因
vue实例化的时候之后新增属性，vue并没有对他的setter和getter方法进行监听，因此无法实现双向绑定

（vue的原理是，在创建实例的时候，遍历data里的值，监听’getter’和’setter’方法，一旦这些值更新了，就去触发对应的视图更新。若如果我们在创建实例以后，再在实例上绑定新属性，vue是无法进行双向绑定的。）

解决方法

调用方法：Vue.set( target, key, value ) 或者 this.$set(target, key, value);

target：要更改的数据源(可以是对象或者数组)

key：要更改的具体数据

value ：重新赋的值，

如果多次使用相同的key应该在使用之前应先将其删除再添加

this.$delete(target, key)

这样就能数据更新是实时更新视图了