vue的生命周期

// 和data，methods是平级的
    // data中的数据和methods中的方法还没有初始化
    // 用于页面的定向
    beforeCreate() {
        console.log(this.msg)//undefined
        console.log('beforeCreate')//beforeCreate
    },
    // data中的数据和methods中的方法已经初始化，是第一个可以操作data中的数据和methods中的方法的生命周期
    // 用于接口请求和数据初始化
    created(){
        this.msg = 'Hello'
        console.log(this.msg)//Hello
        console.log('created')//created
    },
    // 虚拟的DOM挂载 页面还没有渲染
    beforeMount(){
        console.log('brforeMount')//brforeMount
    },
    // 真实的DOM挂载 第一个可以操作的DOM元素的生命周期
    meounted(){
        console.log('mounted')
    },
    // 可以执行0次和更多次
    // 页面更新之前  页面中的数据是旧的，但是data中的数据是最新的，数据和页面尚未同步
    beforeUpdate(){
        console.log('beforeUpdate')
    },
    // 更新之后 页面和data中的数据都是最新的，保持同步
    update(){
        console.log('update')
    },
    // 销毁之前  清除定时器  清除页面监听
    beforeDestroy() {
        console.log('beforeDestroy')
    },
    // 销毁之后
    destroyed() {
        console.log('destroyed')
    }