vue生命周期
1.参考:https://segmentfault.com/a/1190000008010666?utm_source=tag-newest
export default { data(){ }, //组件实例刚被创建,组件属性计算之前,如data属性等 beforeCreate(){ }, // 组件实例创建完成,属性已绑定,但DOM还未生成,$el属性还不存在 created(){ }, //模板编译挂载之前 beforeMount(){ }, //模板编译/挂载之后 mounted(){ }, //组件更新之前 beforeCreate(){ }, //组件更新之后 updated(){ }, // for keep-alive,组件被激活时调用 activated(){ }, // for keep-alive,组件被移除时调用 deactivated(){ }, //组件销毁前调用 beforeDestory(){ }, //组件销毁后调用 destoryed(){ }, methods:{ },
//监听路由变化切换tab
watch:{
$route(to,from){
}
},
}
2.beforecreate
: 举个栗子:可以在这加个loading事件 created
:在这结束loading,还做一些初始化,实现函数自执行 (后端请求一般放在 created()里,如果你有依赖dom做一些其他的操作就放到mounted()) mounted
: 在这发起后端请求,拿回数据,配合路由钩子做一些事情 beforeDestroy
: 你确认删除XX吗? destroyed :当前组件已被删除,清空相关内容