Vue简单创建一个项目（四）

生命周期函数，这写个函数的重大意义在于，他会在
组件挂载的时候：mounted(){}请求数据，操作dom
组件更新的时候
组件销毁的时候
为我们做一些事情，做一些想要做的事情,右脚生命钩子，可能意味着想让app这个项目的各个组件之间都钩钩连连得吧，所以名字也不难理解。
监听模板：

methods:{
            setMsg(){
            
            }

        },     //和methods同一个级别 

        beforeCreate(){
            console.log('实例刚刚被创建1');
        },
        created(){
            console.log('实例已经创建完成2');
        },
        beforeMount(){
            console.log('模板编译之前3');
        },
        mounted(){     /*请求数据，操作dom , 放在这个里面  mounted*/
            console.log('模板编译完成4');
        },
        beforeUpdate(){
            console.log('数据更新之前');
        },
        updated(){
            console.log('数据更新完毕');
        },
        beforeDestroy(){   /*页面销毁的时候要保存一些数据，就可以监听这个销毁的生命周期函数*/
            console.log('实例销毁之前');
        },
        destroyed(){
            console.log('实例销毁完成');
        }