首页 > 解决方案 > 构建js文件vue cli项目

问题描述

我应该如何构建我的Vue CLI项目?我找不到任何有关此的适当文件。基本上我有大约 10 个模块,每个模块都有一个与之关联的 js 文件。

目前,我将在我的 router.js 中编写的所有页面放在views目录中,并将所有组件放在components目录中。我想知道我应该把我的js文件放在哪里?

  1. 与每个模块关联的所有 js api 调用

  2. 包含与每个模块相关的所有常量的 JS 文件?

标签: javascriptvue.jsvuejs2vue-componentvuetify.js

解决方案


Q1:如果您使用 Vuex,通常 API 调用存储在相应的存储下。如果没有,您可以使用将它们定义为 mixins 并在必要时使用。mixin 是在不同组件中重用的 javascript 代码部分。在 mixin 中,您可以放置​​ Vue.js 中的任何组件的方法,它们将与使用它的组件的方法合并。

Q2:这绝对可以在 mixins 下进行。

您还可以拥有一个 util 文件夹(可选),其中包含您在组件中使用的函数,例如正则表达式值测试、常量或过滤器。

如果您的项目是中型或大型的,请参阅此样板文件。


推荐阅读