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