• 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>

  • 相关阅读:
    左右对齐Justify遇到的坑
    JS中的相等性判断===, ==, Object.is()
    JS调用栈的一些总结
    VueI18n
    【转】Webpack 快速上手(下)
    【转】Webpack 快速上手(中)
    【转】Webpack 快速上手(上)
    springboot打包排除指定jar包依赖
    prometheus+grafana搭建
    fbctf 安装部署出现的问题
  • 原文地址:https://www.cnblogs.com/love-8023/p/7753119.html
Copyright © 2020-2023  润新知