vue生命周期简介和钩子函数

共计 586 个字符，预计需要花费 2 分钟才能阅读完成。

简单的来说一下 vue 的生命周期函数

beforeCreate // el 和 data 并未初始化

created // 完成了 data 数据的初始化，el 没有

beforeMount // 完成了虚拟 el 和 data 初始化

mounted // 完成了真实 el 和 data 初始化

beforeUpdate
updated
beforeDestroy
destroyed

对比下 create 和 mounted

created: 在模板渲染成 html 前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted: 在模板渲染成 html 后调用，通常是初始化页面完成后，再对 html 的 dom 节点进行一些需要的操作。

其实两者比较好理解，通常 created 使用的次数多，而 mounted 通常是在一些插件的使用或者组件的使用中进行操作，比如插件 chart.js 的使用: var ctx = document.getElementById(ID); 通常会有这一步，而如果你写入组件中，你会发现在 created 中无法对 chart 进行一些初始化配置，一定要等这个 html 渲染完后才可以进行，那么 mounted 就是不二之选
总结
我们经常使用的地方
beforecreate : 举个栗子：可以在这加个 loading 事件 created：在这结束 loading，在这发起后端请求，拿回数据，配合路由钩子做一些事情 mounted：如果需要获取 dom 的可以在这里操作