vue怎么动态添加属性

Question

<div id="app">

<p>{{a}}</p><p>{{b}}</p></div><script src="dist/vue.js"></script><script>var vm = new Vue({
        el: "#app",
        data: {
            a: 11111111
        }
    })// vm.b = 2Vue.set(vm. data, 'b', 2);// vm.$set("b",2)</script>

Answer 1

Vue&nbsp;不允许在已经创建的实例上动态添加新的根级响应式属性（root-level&nbsp;reactive&nbsp;properties）。 然而它可以使用&nbsp;Vue.set(object,&nbsp;key,&nbsp;value)&nbsp;方法将响应属性添加到嵌套的对象上： Vue.set(vm.someObject,&nbsp;'b',&nbsp;2)<div&nbsp;id="app"> &nbsp;&nbsp;&nbsp;&nbsp;<p>{{o.a}}</p> &nbsp;&nbsp;&nbsp;&nbsp;<p>{{o.b}}</p></div><script&nbsp;src="./vue.min.js"></script><script>var&nbsp;vm&nbsp;=&nbsp;new&nbsp;Vue({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el:&nbsp;"#app", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;o:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a:&nbsp;111 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;}) Vue.set(vm.o,&nbsp;'b',&nbsp;2);</script>