我只是使用命令行(CLI)来初始化Vue.js项目.CLI人创建了一个src/componentssrc/views文件夹.

我已经几个月没有参与Vue项目了,文件夹 struct 对我来说似乎很新.

在Vue项目中,用vue-cli个文件夹生成的viewscomponents个文件夹之间有什么区别?

推荐答案

首先,src/componentssrc/views文件夹都包含Vue组件.

关键区别在于,一些Vue组件充当Views个路由.

在Vue中处理路由时(通常为Vue Router),定义路由是为了切换<router-view>组件中使用的电流view.这些路由通常位于src/router/routes.js号,我们可以看到这样的情况:

import Home from '@/views/Home.vue'
import About from '@/views/About.vue'

export default [
  {
    path: '/',
    name: 'home',
    component: Home,
  },
  {
    path: '/about',
    name: 'about',
    component: About,
  },
]

位于src/components以下的部件不太可能用于一条路由,而位于src/views以下的部件将至少用于一条路由.


Vue CLI旨在成为Vue的标准工具基线

Vue CLI旨在实现快速Vue.在js开发中,它使事情变得简单,并提供灵活性.它的目标是让不同技能水平的团队建立一个新项目并开始.

一天结束时,it is a matter of convenience and application structure.

  • 有些人喜欢把他们的视图文件夹放在src/router下,比如
  • 有些人管它叫Pages而不是Views.
  • 有些人的所有组件都在同一个文件夹下.

Choose the application structure that best suits the project you are working on.

Vue.js相关问答推荐

如何禁用Vuetify v—stepper操作按钮

Pinia+Vue 3状态react 性-StoreToRef的替代方案

Vuetify右侧并排switch

VeeValidate 4 字段验证状态

查找未销毁的 Vue 组件

混合使用 React 和 Vue 是个好主意吗?

我可以在未注册的组件上构建 Vue.js 失败吗?

v-for 内部的组件

Vue + Webpack 构建显示空白页面

如何在 vue.js 2 的其他组件中调用方法?

Vuetify v-select 组件宽度变化

SassError:媒体查询表达式必须以(开头

使用vue.js单击时如何获取按钮的值

如何使用 Vuejs 和 Laravel 获取当前经过身份验证的用户 ID?

在 Vuejs 中计算 DOM 元素之间距离的最佳方法是什么?

Vuex - 何时从 http 服务器加载/初始化存储数据

Vuejs 3 从子组件向父组件发出事件

Vuejs - 使用 v-if 切换的保持活动组件

Vue 2.0 设置路由 - 不要使用new来产生副作用

Vue中的嵌套循环