Vue后期给添加属性

Vue只能给属性对象追加属性，下面例子中只能给persons追加属性

new Vue({
    el: "#root",
    data: {
        persons:{
            name:"李义新"
        }
    }
})

举个例子

const vm = new Vue({
    el:"#root",
    data:{
        name:"xin"
    }
})

如果上面队形vm想添加属性普通的方法是不行的，例如：vm.age=1，因为这样不会给age属性添加代理。

Vue专门提供了一个API用于后期添加属性，函数原型：Vue.set(target,key,value)。

Vue对象也专门提供了一个API用于后期添加属性，函数原型：vm.￥set(target,key,value)。

Vue.set(vm._data.obj,age,1);
//或者
vm.$set(vm._data.obj,age,1)

这样就可以正常执行了，上面的两种写法效果一样。