Vue CLI中views和components文件夹的区别

首先,src/components和文件夹都src/views包含Vue组件。

关键区别在于某些Vue组件充当路由视图

在Vue中(通常是Vue Router)处理路由时,将定义路由以切换组件中使用的当前视图<router-view>。这些路线通常位于src/router/routes.js

位于下方的组件src/components不太可能在一条路线中使用,而位于下方的组件src/views将被至少一条路线使用。

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

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

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

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

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

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

这两个文件夹基本都相同,因为它们都包含组件,但是Vue的美感在于,将用作页面的组件(路由到类似页面进行导航)保留在/views文件夹中,而可重用组件(例如表单字段)保留在/components文件夹中。

上一篇:FlinkX SqlServer CDC实时采集原理与使用丨直播预告


下一篇:安装go环境