生命周期钩子
beforeCreated: 实例初始化之后,this 指向创建的实例。不能使用 data 和 methods 上的数据和方法。
created: 实例创建完成,可以访问 data 和 methods。未挂载到 dom,不能使用 $el。
beforeMount:
mounted: 实例挂载到 dom 上,此时可以使用 dom api 获取元素。
mount的概念:在Vue中,每个实例都先作为虚拟dom存储在内存中,虚拟dom转为真实dom的过程被称为~。 [1]
beforeUpdate: 数据是新的,但页面是旧的。
updated
beforeDestroy
destroyed
补充
数据请求放在前4个钩子函数中都可以。
activated、deactivated keep-alive 组件切换时调用。
errorCaptured 当捕获一个来自子孙组件的错误时被调用。(没用过)
父子组件:
子组件在父组件的 beforeMount 之后开始初始化。
props 变化时:
parent-beforeUpdate
child-beforeUpdate
child-Updated
parent-Updated
父组件销毁时:
parent-beforeDestroy
child-beforeDestroy
child-Destroyed
parent-Destroyed