Vue实例生命周期以及图示

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

  <script>
    var vm = new Vue({
      el: '#app',
      template: "<div>hello world</div>"
      data: {
        test: 'hello world'
      },
      beforeCreate: function() {
        console.log("beforeCreate");
      },
      created: function() {
        console.log("created");
      },
      beforeMount: function() {
        console.log(this.$el);
        console.log("beforeMount");
      },
      mounted: function() {
        console.log(this.$el);
        console.log("mounted");
      },
      beforeDestroy: function() {
        console.log("beforeDestroy");
      },
      destroyed: function() {
        console.log("destroyed");
      },
      beforeUpdate: function() {
        console.log("beforeUpdate");
      },
      updated: function() {
        console.log("updated");
      }
    })
  </script>
<body>

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/xyphf/article/details/83654797
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2021-05-30 09:17:37
阅读 ( 685 )
分类：前端

Vue实例生命周期以及图示

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看