zoukankan      html  css  js  c++  java
  • Vue 生命周期

    beforeCreate :组件实例刚刚被创建,属性都还没有

    created:实例已经创建完成,属性已经绑定

    beforeMount:模板编译之前

    mounted:模板编译z之后

    beforeUpdate:组件更新之前

    updated:组件更新完毕

    beforeDestroy:组件销毁前

    destroyed:组件销毁后

    ---------------------------------------------------------------------------------------------------------

      <div id="app"></div>

    <script>

      var app=new Vue({

      el:'#app',

      beforeCreate:function(){

        console.log('实例刚刚被创建');

      },

      craeted:function(){   //*****常用

        console.log('实例属性可以使用了');

      },

      beforeMount:function(){

        console.log('实例被挂载之前');

      },

      mounted:function(){   //*****常用

        console.log('挂载成功,并且模板数据编译成功');

      },

      beforeUpdate:function(){   //数据点击就改变

        console.log('数据更新之前');

      },

      updated:function(){

        console.log('数据更新完成');

      },

      beforeDestroy:function(){

        console.log('实例销毁之前');

      },

      destroyed:function(){    //vue不会自己销毁

        console.log('实例销毁之后');

      }

    })

    </script>

  • 相关阅读:
    ValueStack、ActionContext
    s debug
    1923: [Sdoi2010]外星千足虫
    1013: [JSOI2008]球形空间产生器sphere
    HDU 3923 Invoker
    poj 1286 Necklace of Beads
    HDU 3037:Saving Beans
    2440: [中山市选2011]完全平方数
    1101: [POI2007]Zap
    1968: [Ahoi2005]COMMON 约数研究
  • 原文地址:https://www.cnblogs.com/love-8023/p/7753119.html
Copyright © 2011-2022 走看看