Vue公司JS:如何分离“方法”,“数据”,“计算机” etc..in独立的js文件

问题描述 投票:0回答:1

是有可能写方法,数据,计算机等。在单独的.js文件,然后在component.vue文件导入呢?

我不会把所有的在一个单一的.vue组件js的逻辑。

对于每个组件,我想组织这样的代码:

myComponent/
      component.vue
      methods.js
      data.js
      computed.js
      etc..

然后在component.vue:

methods: ()=> from './methods.js'

我只是用模块的出口尝试,但它不工作

javascript vue.js vue-component
1个回答
5
投票

只导出对象和功能,然后在组件导入。

// methods.js
export default {
  myMethod () {
    console.log('a');
  }
}
// data.js
export default function () {
  return {
  }
}
// computed.js
export default {
  myVariable() {
    return '';
  }
}
// component.vue
import methods from './methods';
import data from './data';
import computed from './computed';

export default {
  ...methods,
  ...data,
  ...computed
}
© www.soinside.com 2019 - 2024. All rights reserved.