Vue2生命周期面试题

在 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 实例内部的数据。

在各个生命周期打印这两个属性：

得到： 

如果在父组件中引入子组件，生命周期执行的顺序是：