vue生命周期(通俗易懂)
一、什么是生命周期
生命周期就是vue实例从创建到销毁的过程,分为创建,挂载,更新,销毁四个阶段 生命周期图:
二、生命周期函数
注意:严格区分大小写
创建阶段:
1.beforeCreate(创建之前):创建了一个空的vue实例,里面没有data,methods,只有它自带的属性方法 2.created(创建之后):里面有data和methods,可以操作
挂载阶段:
1.beforeMount(挂载之前):模板已经编译好了,还没有渲染 2.mounted(挂载之后):挂载好了,页面已经运行了
更新阶段:
1.beforeUpdate(更新之前):data已经更新,页面还未同步 2.updated(更新之后):data和页面已经同步
销毁阶段:
1.beforeDestory(销毁之前):数据方法都还可以使用,实例还可以调用 2.destoryed(销毁之后):什么都不可以使用了,vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁
三,补充
keep-alive:keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知道，一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某个组件切换后不进行销毁，而是保存之前的状态，那么就可以利用keep-alive来实现,因此它不会执行销毁阶段,但它多了两个生命周期函数activated和deactivated
activated(激活):页面第一次进入的时候，钩子触发的顺序是created->mounted->activated deactivated(停用): 页面退出的时候会触发deactivated，当再次前进或者后退的时候只触发activated
