理解Vue生命周期函数

生命周期函数：在某一时刻被自动执行的函数

1. 刚创建一个Vue实例对象
2. 刚创建，只是初始化生命周期函数和事件，只有一些默认的生命周期函数和默认的事件，其他的都未创建
3. 2分析完后立即执行beforeCreate()函数 （实例生成之前，才初始化到一半，所以叫beforecreate()）
4. 初始化data和methods，初始化数据和模板相关函数
5. 执行created()函数 （实例已经创建完成，所以叫created()）
6. 判断实例里是否存在template的选项，yes会把模板变成render函数，模板才能和数据结合然后渲染出来
7. beforeMount() 在模板已经被变成render函数之后立即自动执行的函数，在组件内容被渲染到页面之前
   在挂载之前获取组件的内容为空，因为组件内容还没有挂载到页面上
8. 创建新的dom去替换掉要替换的html标签，新内容挂载到页面上
9. mountd() 在组件内容被渲染到页面之后立即执行
   在挂载之后获取组件的内容可以正常获取
10. 蓝框中是组件的运行阶段，运行阶段的生命周期函数只有两个：beforeUpdate()（在数据发生变化时，并且页面还没更新立即执行的函数）和 updated()（在数据发生变化并且页面完成更新后立即执行的函数），这两个事件会根据data数据的改变，有选择的触发0次到多次

已经创建了vue应用，并且用mount挂载到了节点上，现在想要销毁这个Vue的应用，不在接管root，移除挂载点
15. beforeunMount() 当Vue应用销毁时自动执行的函数,dom挂载还没失效，还能获取挂载内容
16. unmounted() 当Vue应用销毁时且DOM完全销毁之后自动执行的函数，已经无法获取了