标准 vue.js 文件结构和命名约定

问题描述 投票:0回答:1

所以我开始了一个基本的 Vue 3 项目,其中包含

npm vue@latest
组件
Home
About
组件位于文件夹
src/views
下,所以:

  • src/views/HomeView.vue
  • src/views/AboutView.vue

安装

unplugin-vue-router
后,在浏览其介绍时,我注意到它采用了不同的设置:

  • src/pages/Home.vue
  • src/pages/关于.vue

我正在开始我的第一个项目,并希望尽可能接近常见的做法和默认设置,以防止将来出现麻烦,所以我的问题是:

  1. 我应该使用
    /views
    还是
    /pages
  2. 我应该使用像 HomeHomeView 这样的命名吗?
vue.js vuejs3 naming-conventions directory-structure
1个回答
0
投票

/浏览量与/页数:

如果您正在构建典型的 Vue SPA,请使用 /views。 如果您正在使用 unplugin-vue-router 或计划遵循基于文件的路由模式,请使用 /pages。

Home 与 HomeView:

使用 Home 进行较小的项目。 使用 HomeView 在大型项目中获得更好的清晰度。

结论:

这两种选择都效果很好。根据您的项目结构和偏好进行选择。

© www.soinside.com 2019 - 2024. All rights reserved.