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

我已经有几个月没有使用Vue项目了,文件夹结构对我来说似乎是新的。

用Vue -cli生成的Vue项目中的视图和组件文件夹有什么区别?


当前回答

较少动态的接近静态页面的内容被引用到视图中,更多可重用的动态内容被放置在组件下。

其他回答

正如其他人所提到的,这非常简单:您通常使用视图来显示希望用户导航的实际页面。组件是那些页面中的元素,您可以在项目的任何页面中重用它们。

不同之处在于它们所起的作用。视图用于正确地表示您的页面,以便您可以来回导航,而组件是组成页面的部分

Src /views通常用于应用程序中通过路由器导航的主页。 Src /components用于在主页内使用的可重用组件(在同一页面内多次使用或跨不同页面使用)

只是按逻辑顺序安排项目。您仍然可以在视图文件夹中创建组件,但这是分离项的更好方法,这样代码就不那么混乱了。

您可以将视图视为页面和组件之类的可重用代码块,可以在任何页面或组件中使用(两者都是Vue文件,这些术语只是为了演示)