是否可以在VueJS中外包生命周期钩子

时间:2018-04-16 08:36:16

标签: javascript vue.js

生命周期挂钩(例如创建/挂载)可以放在单独的文件中以简化/整洁。 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')
}

1 个答案:

答案 0 :(得分:1)

当然。

但代码示例中存在一些错误的systax

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

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

在created.js中,导出一个将用作created

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