我只是使用命令行(CLI
)来初始化Vue.js项目.CLI
人创建了一个src/components
和src/views
文件夹.
我已经几个月没有参与Vue项目了,文件夹 struct 对我来说似乎很新.
在Vue项目中,用vue-cli
个文件夹生成的views
和components
个文件夹之间有什么区别?
我只是使用命令行(CLI
)来初始化Vue.js项目.CLI
人创建了一个src/components
和src/views
文件夹.
我已经几个月没有参与Vue项目了,文件夹 struct 对我来说似乎很新.
在Vue项目中,用vue-cli
个文件夹生成的views
和components
个文件夹之间有什么区别?
首先,src/components
和src/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
下,比如