vue生命周期理解_vuemouths-CSDN博客

本文链接：https://blog.csdn.net/qq_33349771/article/details/82978392

1.beforeCreated

数据初始化和事件初始化之前,也就是

 data () {
            return {
                value2: '1',
                order:[1,2,3,4,5,6]
            }
        },
mothods:{

}

数据赋值之前

2.created

实例已经创建完成之后被调用。然而，挂载阶段还没开始，$el 属性目前不可见。

在这一步，实例已完成以下的配置：

数据观测(data observer)，

属性和方法的运算，

watch/event 事件回调。

3.mounted

el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。

此周期通常写界面加载完后执行的ajax操作.

4.beforeUpdated

数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。你可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。

5.updated

由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。

当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下，你应该避免在此期间更改状态，因为这可能会导致更新无限循环。

该钩子在服务器端渲染期间不被调用。