Vue的生命周期与钩子函数

完整的Vue生命周期和钩子函数

            var vm = new Vue({
                el:"#app",
                beforeCreate(){
                    console.log("初始化了生命周期");
                },
                created(){
                    console.log("初始化了活动对象");
                    console.log("在这个钩子函数中通常进行ajax请求")
                },
                beforeMount(){
                    console.log("进入渲染函数，但还没有渲染");
                },
                mounted(){
                    console.log("模版渲染完成");
                    console.log("可以在此进行DOM操作")
                },
                beforeUpdate(){
                    console.log("数据发生了变化，但是还没有完成");
                },
                updated(){
                    console.log("数据发生变化了，并且已经完成了");
                },
                activated(){
                    console.log("keep-alive组件被激活");
                },
                deactivated(){
                    console.log("切换组件的时候被触发");
                },
                beforeDestroy(){
                    console.log("vue实例销毁前触发");
                },
                destroyed(){
                    console.log("vue实例已经销毁");
                }
            });