vue

vue生命周期

2019-10-14  本文已影响0人  crayona

--------------------------------

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

上一篇 下一篇

猜你喜欢

热点阅读