的文档Reactivity in Depth解释了为什么增加新的根级别的反应特性,以一个已经创建的实例是不可能的(以及如何实际上是通过this.$set()
添加的话)。为什么有可能有在安装中添加活性元素?
在这种情况下,为什么初始为空的对象可以在安装时被更新(和反应性),则该实例后intialized?或者不初始化部分包括安装? (虽然它可能mount an instance manually的initalization后)安装后
new Vue({
el: "#app",
data: {
myobject: {}
},
mounted() {
setTimeout(() => {
this.myobject = {
"x": 1
}
}, 2000)
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.11/vue.js"></script>
<div id="app">
{{myobject}}
</div>
直接进一步的修改不与文档(this.myobject.y = 2
例如是行不通的,同时考虑到,在线路this.$set(this.myobject, "y", 2)
将被罚款)