美文网首页
10.生命周期 (VUE全栈开发学习笔记)

10.生命周期 (VUE全栈开发学习笔记)

作者: 笑着字太黑 | 来源:发表于2021-05-10 08:08 被阅读0次
    生命周期.png

    以下代码,测试生命周期函数在各种情况下是否被调用

       beforeCreate(){
            console.log("==beforeCreate==");
            console.log(this.$el);
            console.log(this.$data);
        },
        created(){
            console.log("==created==");
            console.log(this.$el);
            console.log(this.$data);
        },
        beforeMount(){
            console.log("==beforeMount==");
            console.log(this.$el);
            console.log(this.$data);
        },
        mounted(){
            console.log("==mounted==");
            console.log(this.$el);
            console.log(this.$data);
        },
        beforeUpdate(){
            console.log('=beforeUpdate=');
            console.log(this.$el);
            console.log(this.$data);
        },
        updated(){
            console.log('==updated==');
            console.log(this.$el);
            console.log(this.$data);
        },
        beforeDestory(){
            console.log("==beforeDestory==");
        },
        destoryed(){
            console.log("==destoryed==");
        }
    

    相关文章

      网友评论

          本文标题:10.生命周期 (VUE全栈开发学习笔记)

          本文链接:https://www.haomeiwen.com/subject/ckmsdltx.html