構建js文件vue cli項目

Question

我應該如何構建我的Vue CLI項目？ 我找不到任何有關此的適當文件。 基本上我有大約 10 個模塊，每個模塊都有一個與之關聯的 js 文件。

目前，我將在我的 router.js 中編寫的所有頁面放在views目錄中，並將所有組件放在components目錄中。 我想知道我應該把我的js文件放在哪里？

1. 與每個模塊關聯的所有 js api 調用

2. 包含與每個模塊相關的所有常量的 JS 文件？

Answer 1

Q1：如果您使用 Vuex，通常 API 調用存儲在相應的存儲下。 如果沒有，您可以使用將它們定義為 mixins 並在必要時使用。 mixin 是 javascript 代碼的一部分，可在不同組件中重用。 在 mixin 中，您可以放置 Vue.js 中的任何組件的方法，它們將與使用它的組件的方法合並。

Q2：這個絕對可以在mixins下go。

您還可以擁有一個 util 文件夾（可選），其中包含您在組件中使用的函數，例如正則表達式值測試、常量或過濾器。

如果您的項目是中型或大型的，請參閱此樣板文件。

Answer 2

創建一個服務文件夾，創建 service.js -api 調用在這里（現在你只需要在需要時調用它）你有一個 store 文件夾，其中 store.js(index.js) 在 store 文件夾中創建 modules 文件夾你模塊。 在 store.js 中創建模塊：[user,event...] 基本上就是這樣。 編輯您的模塊文件 event.js user.js。 您可以添加吸氣劑、突變、state、操作。 只是不要忘記 export const namespaced = true 所以它會 go 到全局命名空間