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>

  • 相关阅读:
    归并排序
    快速排序
    冒泡排序
    排序算法复杂度
    [LeetCode] 20. Valid Parentheses ☆(括号匹配问题)
    makefile编写helloworld
    shell的通俗理解
    PID三种参数的理解
    PID的原理
    PID控制温度
  • 原文地址:https://www.cnblogs.com/love-8023/p/7753119.html
Copyright © 2011-2022 走看看