vue.js 生命周期

vue生命周期.png

Vue实例 生命周期函数流程 —— beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDesotry、destoryed。

vue生命周期函数都是自动执行的，并且不卸载methods方法里面。
需要注意的是：beforeCreate最好不要改动data里的数据，否则可能会出现无法监听的情况，模板中需要使用data进行渲染时，先给data默认的初始值，created之后再进行更改（如ajax）改成需要的值。

• beforeCreate - 执行周期：创建完vue实例，运行一些基本的初始化，就开始执行
• created - 执行周期：beforeCreate 执行完毕 继续执行created
• beforeMount - 执行周期：页面渲染之前执行（模板和数据挂载在页面之前执行）
• mounted - 执行周期：页面渲染之后执行
• beforeUpdate - 执行周期：当数据改变之前执行
• updated - 执行周期：当数据改变之后执行
• beforeDesotry - 执行周期：vue实例销毁之前执行
• destoryed - 执行周期：vue实例销毁之后执行

未完待续。。。