前端——Vue——生命周期

一、生命周期
生命周期函数是Vue实例在某个时间点自动执行的函数
创建一个Vue实例的步骤：
1.初始化事件和生命周期结束后，执行beforeCreate
2.初始化外部注入和双向绑定等内容，完成后执行created
3.判断实例中是否有el挂载点，有的话会判断是否有模板template，如果有则用模板去渲染，如果没有则会把el挂载的html整体当做模板，此时来到beforeMount，即模板和数据结合前的节点
4.然后模板和数据结合形成的Vue实例中的Dom元素($el)会被挂载到页面上，即用$el来替换el，然后就会来到Mounted
5.组件即将销毁时执行beforeDestroy，此刻依然可以对数据进行操作
6.当组件完全销毁后，执行destroyed
7.当页面数据发生改变，重新渲染之前执行beforeUpdate，完成渲染后执行updated