javascript - 是否可以在 VueJS 中外包生命周期钩子(Hook)

Question

为了简单/整洁，可以将生命周期 Hook (例如创建/安装)放置在单独的文件中。MyGreatView.vue

import created from 'created.js'
export default {
  created,
  // created() { console.log('vue Created') }
  mounted() {
    console.log('vue mounted')
  }
}

created.js

created () {
  console.log('vue created')
}

Answer 1

当然。

但是您的代码示例中存在一些错误的系统

在组件中，如果created.js与组件文件在同一目录

import created from "./created.js";
export default {
  created
};

在created.js中，导出一个将用作created的函数

export default function() {
  console.log("vue mounted");
}