Структурирование js файлов vue cli проекта

Question

Как мне структурировать мой проект Vue CLI ? Я не могу найти подходящую документацию по этому поводу. В основном у меня около 10 модулей, и с каждым модулем связан файл js.

В настоящее время я помещаю все страницы, написанные в моем маршрутизаторе. js в каталог views , а все компоненты - в каталог components . Я хочу знать, где мне хранить свои файлы js?

1. Все вызовы js api, связанные с каждым модулем

2. JS файлов, содержащих все константы, относящиеся к каждому модулю ??

Answer 1

создать служебную папку, создать службу. js -api вызов идет сюда (теперь все, что вам нужно, это вызывать его, когда он вам нужен), у вас есть папка store с store. js (index. js) внутри папки магазина создайте папку модулей с вашими модулями. внутри магазина. js создание модулей: [пользователь, событие ...] в основном все. отредактируйте файлы модулей event. js user. js. вы можете добавлять геттеры, мутации, состояние, действия. просто не забывайте экспортировать const namespaced = true, чтобы он go попал в глобальное пространство имен

Answer 2

Q1: Обычно вызовы API хранятся в соответствующем хранилище, если вы используете Vuex. Если нет, вы можете определить их как миксины и использовать там, где это необходимо. Примеси - это части кода javascript, которые повторно используются в различных компонентах. В миксин вы можете поместить любые методы компонента из Vue. js, они будут объединены с методами компонента, который его использует.

Q2: Это определенно может go под миксинами.

У вас также может быть папка util (необязательно), где она содержит функции, которые вы используете в компонентах, такие как проверка значений регулярных выражений, константы или фильтры.

См. this шаблон, если ваш проект средний или крупномасштабный.