Vue项目中的views和components文件夹有什么区别?

vue.js Vue.js

GO阿飞

2020-03-10

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

自从我从事Vue项目以来已经有几个月了,文件夹结构对我来说似乎是新的。

用生成的Vue项目中viewscomponents文件夹有什么区别vue-cli

第414篇《Vue项目中的views和components文件夹有什么区别?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
神无神无 2020.03.10

通常建议将可重用的视图放置在src/components目录中。诸如页眉,页脚,广告,网格或任何自定义控件之类的示例,如样式化的文本框或按钮。可以在视图内部访问一个或多个组件。

一个视图可以具有一个或多个组件,并且一个视图实际上打算由导航URL访问。它们通常放置在中src/views

请记住,您不受限制通过url访问组件。您可以随意将任何组件添加到中,router.js也可以对其进行访问。但是,如果您打算这样做,可以将其移至src/views而不是将其放置在中src/components

组件是类似于asp.net Web表单的用户控件。

它只是为了更好地维护和可读性而构造代码。

神无LEYMandy 2020.03.10

我认为这更多是一种惯例。可重复使用的内容可以保存在src / components文件夹中,而与路由器绑定的内容可以保存在src / views中

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android