vue实例生命周期

最新推荐文章于 2024-10-02 05:39:15 发布

dh0536

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量62

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zzcit/p/6053340.html

版权

实例生命周期

 
      var vm = new Vue({ 
     
      data: { 
     
      a: 1 
     
      }, 
     
      created: function () { 
     
      // `this` 指向 vm 实例 
     
      console.log('a is: ' + this.a) 
     
      } 
     
      }) 
     
      // -> "a is: 1"

There are also other hooks which will be called at different stages of the instance’s lifecycle, for example mounted, updated, and destroyed. All lifecycle hooks are called with their this context pointing to the Vue instance invoking it. You may have been wondering where the concept of “controllers” lives in the Vue world and the answer is: there are no controllers. Your custom logic for a component would be split among these lifecycle hooks.

也有一些其它的钩子，在实例生命周期的不同阶段调用，如 mounted、 updated 、destroyed 。钩子的 this 指向调用它的 Vue 实例。一些用户可能会问 Vue.js 是否有“控制器”的概念？答案是，没有。组件的自定义逻辑可以分布在这些钩子中。