生命周期挂钩图

Question

此instance lifecycle hooks diagram对vue.js 单个文件组件还是全局组件（vue.componnet()）也有效（相同）吗？还是仅用于Vue实例（新Vue）？

谢谢。

Answer 1

是的，这些生命周期挂钩都适用于所有vue实例：SFC，全局组件，显式new Vue，vue-test-utils包装器等等。

SFC唯一要做的就是为您编写.render方法，因为使用类似html的语法而不是手动编写render函数会更简单。

在SFC中，您可以按如下方式使用它们：

<script>
export default {
  created() {
    // do something on created
  }
}
</script>

在显式new Vue中，如下所示：

new Vue({
  created() {
    // do something on created
  }
});

你明白了。