Vue的生命周期/生命周期的四个阶段学习

        Vue生命周期指的是一个Vue实例从创建到销毁的过程

        Vue生命周期的四个阶段：创建→挂载→更新→销毁

生命周期四阶段

        1.创建阶段

        2.挂载阶段

        3.更新阶段

        4.销毁阶段

生命周期的钩子（钩子函数）

        Vue生命周期过程中，会自动运行一些函数，被称为【生命周期的钩子】→让开发者可以在【特定阶段】运行自己的代码。

钩子可分为四对

        数据准备好 前/后：beforeCreate/created

        dom挂载渲染 前/后：beforeMount/mounted

        视图更新 前/后：beforeUpdate/updated

        销毁实例 前/后：beforeDestroy/destroyed

        created：响应式数据准备好了，可以发送初始化渲染请求（主要）。而在beforeCreate钩子里是没有data里的数据的，因为数据还未准备好，如：this.data里的变量名 的值会得到（undefined）

        mounted：模板已渲染，可以操作dom（主要）。而在beforeMounted钩子里模板未渲染，获取dom元素时，{{变量名}} 的值会直接得到 {{变量名}}

        beforeDestroy：（一般与组件并用）释放Vue以外的资源（消除定时器，延时器），以提高性能。此钩子是在销毁Vue之前执行的即关闭浏览器前执行，我们是看不见的，但vue提供了一个销毁Vue的语法：app.$destroy