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实例销毁之后执行
未完待续。。。
网友评论