在 Vue 2 中,this.$el
和 this.$data
都是 Vue 实例的属性,代表不同的内容。
1. this.$el
this.$el
是 Vue 实例的根 DOM 元素,它指向 Vue 实例所控制的根节点元素。在 Vue 中,el
是在 Vue 实例创建时,指定的根元素(即 Vue 实例挂载到哪个 DOM 元素上)。
2. this.$data
this.$data
是 Vue 实例的数据对象,它包含了 Vue 实例的响应式数据。你可以通过 this.$data
访问 Vue 实例内部的数据。
在各个生命周期打印这两个属性:
得到:
如果在父组件中引入子组件,生命周期执行的顺序是: