Vue知识点回顾(二)

一、vue生命周期

生命周期就是事物从诞生到消亡的整个过程。

vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。

钩子函数：

beforeCreate

created

beforeMount

mounted

beforeUpdate

updated

beforeDestroy

destroyed

二、vue生命周期函数图示：

 const app=new Vue({
        el:document.getElementsByClassName('app')[1],
        data:{
            counter:0
        },
        methods:{},
        created:function () {

        },
        mounted:function () {
            
        }
    })

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。