vue生命周期

<script>
	export default{
        //页面需要用到的数据
		data(){
			return{
                val:"",
            }
		},
        //创建前
        beforeCreate() {
            //创建前：组件实例被创建时，组件属性计算之前，数据对象data都为undefined，未初始化。
            console.log("1.beforeCreate");
        },
        //创建后
        created() {
            //创建后：组件实例创建完成，属性已经绑定，数据对象data已存在，但dom未生成，$el未存在。
            console.log("2.created");
        },
        //挂载前
        beforeMount() {
            //挂载前：vue实例的$el和data都已初始化，挂载之前为虚拟的dom节点，data.message未替换。
            console.log("3.beforeMount");
        },
        //挂载后
        mounted() {
            //挂载后：vue实例挂载完成，data.message成功渲染。
            console.log("4.mounted");
        },
        //更新前
        beforeUpdate() {
            //更新前：当data变化时，会触发beforeUpdate方法。
            console.log("5.beforeUpdate");
        },
        //更新后
        updated() {
            //更新后：当data变化时，会触发updated方法。
            console.log("6.updated");
        },
        //页面销毁前
        beforeDestroy() {
            //销毁前：组件销毁之前调用。
            console.log("7.beforeDestroy");
        },
        //页面销毁后
        destroyed() {
            //销毁后： 组件销毁之后调用，对data的改变不会再触发周期函数，vue实例已解除事件监听和dom绑定，但dom结构依然存在。
            console.log("8.destroyed");
        },
        //引入子组件
        components: {
            
        },
        //监控一个值的变换,并调用因为变化需要执行的方法
        watch:{
            
        },
        //过滤器
        filters:{
            
        },
        
        // activated , deactivated 这两个生命周期函数一定是要在使用了keep-alive组件后才会有的，否则则不存在
        // 当引入keep-alive的时候，页面第一次进入，钩子的触发顺序created-> mounted-> activated，
        // 退出时触发deactivated。当再次进入（前进或者后退）时，只触发activated。
        activated() {
        
        },
        deactivated() {
            
        },
	}
</script>