--------------------------------
beforeCreate 实例初始化完成 无dom无data
created 实例创建完成 有data有方法 dom未挂载
beforeMount 挂载 data初始化 dom未挂载 双向绑定部分为{{}}
mounted挂载完成 data和dom都完成挂载 占位的data进行渲染 一般请求在此步直接渲染
beforeUpdate 数据更新前 数据无变化不执行 ***页面数据改变了都会触发
updated数据改变后
beforeDestory 路由改变之前 可以使用data与methods进行操作
destoryed 路由改变后
--------------------------------
实例
1.beforeCreate
实例组件刚刚创建 ****无元素dom与数据的初始化
2.created 实例创建完成 立即调用
data初始化完成方法也可调用 dom未渲染挂载
****请求过多话 页面会留白比较多
-------------------
挂载
1.beforeMount
data已经初始化 dom未完成挂载 但是dom的双向绑定还显示为{{}}
虚拟dom已经占了位置
2.mounted
数据和dom都完成挂载 占位的数据把值渲染过去
**请求在此时 请求好了之后刚好可以渲染过去
------------------
更新
1.beforeUpdate 更新前
页面数据改变了都会触发 数据更新前
当你请求赋值一个数据时会触发 数据无改变不会触发
2updated 更新完成
----------------------
销毁
1beforeDestory
路由离开时销毁 不可组织路由跳转 可使用data与methods做一些离开时候的操作
destoryed
网友评论