Vue Js: Как разделить «методы», «данные», «вычисленные» и т. Д. В отдельных файлах JS - PullRequest
Новая
       13

Vue Js: Как разделить «методы», «данные», «вычисленные» и т. Д. В отдельных файлах JS

0 голосов
/ 03 февраля 2019

возможно ли записать методы, данные, вычисления и т. Д. В отдельные файлы .js, а затем импортировать их в файл component.vue?

Я бы не поместил всю логику js в один отдельный файл .vuecomponent.

Для каждого компонента я хочу организовать код следующим образом: 

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

Затем в component.vue: 

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

Я только что попробовал с модулемэкспорт, но он не работает

1 Ответ

0 голосов
/ 03 февраля 2019

Просто экспортируйте объекты и функции, затем импортируйте их в компонент. 

// 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
}
...