zoukankan      html  css  js  c++  java
  • 【vue】 生命周期


    <script>
    let vm=new Vue({
    el:"#app",
    data:{
    name:"liuting",
    },
    beforeCreate(){
    console.log("创建前:");
    console.log(this.$el);
    console.log(this.$data);
    },
    created(){
    console.log("创建完成:");
    console.log(this.$el);
    console.log(this.$data);
    },
    beforeMount(){
    console.log("挂载前:");
    console.log(this.$el);
    console.log(this.$data);
    },
    mounted(){
    console.log("挂载完成:");
    console.log(this.$el);
    console.log(this.$data);
    },
    beforeUpdate(){
    console.log('=即将更新渲染=');
    let name = this.$refs.app.innerHTML;
    console.log('name:'+name);
    },
    updated(){
    console.log('==更新成功==');
    let name = this.$refs.app.innerHTML;
    console.log('name:'+name);
    },
    /*beforeDestory(){
    console.log("销毁前:");
    },
    destoryed(){
    console.log("销毁完成:");
    }*/
    });
    </script>
  • 相关阅读:
    软件设计工具
    电脑运行 apk
    苹果开发网站
    在Tomcat中部署war
    sql server 2000 语法
    用 xml格式 输出 jsp
    点子网站
    网站推广
    TabWidget
    Java 中文拼音 排序
  • 原文地址:https://www.cnblogs.com/kevinmajesty/p/10648060.html
Copyright © 2011-2022 走看看