vue组件生命周期函数

生命周期函数也是处于选项对象的位置（与data，methods同级）

生命周期函数又叫钩子函数，指的是组件的生命周期函数，到了某一个节点会自动执行

 

总共分为8个阶段。创建前/后，载入前/后，更新前/后，销毁前/后

一、创建阶段的四个钩子函数，在一个生命周期中只执行一次

1、beforeCreate：组件创建之前。在这个时候data和methods都不能用。

2、created：组件创建完成之后。这是最早可以使用data和methods的钩子函数。

（创建的是实例）

3、beforeMounted：挂载之前。指的是节点还没渲染完成。

4、mounted：挂载之后。模板渲染完成。

（挂载的是节点）

注：mounted和created都可以用来请求axios

二、运行阶段的两个，可以执行0次和无数次

5、beforeUpdate：数据改变，视图更新之前。

6、updated：数据改变，视图更新之后。

（更新的是视图）

三、销毁阶段的两个

7、beforeDestroy：销毁之前。最后一个可以使用data和methods的钩子函数。

8、destroyed：销毁之后。

四、另外三个

被包含在 keep-alive 中创建的组件，会多出两个生命周期的钩子:activated，deactivated

9、activated(){}：组件被激活keep-alive时使用

10、deactivated(){}：组件被停用keep-alive时使用

11、errorCaptured：子组件报错