我只是使用命令行(CLI)来初始化Vue.js项目。CLI创建了src/components和src/views文件夹。
我已经有几个月没有使用Vue项目了,文件夹结构对我来说似乎是新的。
用Vue -cli生成的Vue项目中的视图和组件文件夹有什么区别?
我只是使用命令行(CLI)来初始化Vue.js项目。CLI创建了src/components和src/views文件夹。
我已经有几个月没有使用Vue项目了,文件夹结构对我来说似乎是新的。
用Vue -cli生成的Vue项目中的视图和组件文件夹有什么区别?
当前回答
很简单,视图是路由的,而组件是路由的组件。
其他回答
这两个文件夹基本上是相同的,因为它们都包含组件,但Vue的美学是将作为页面(路由到类似的页面进行导航)的组件保存在/views文件夹中,而可重用的组件(如表单字段)保存在/components文件夹中。
Src /views通常用于应用程序中通过路由器导航的主页。 Src /components用于在主页内使用的可重用组件(在同一页面内多次使用或跨不同页面使用)
只是按逻辑顺序安排项目。您仍然可以在视图文件夹中创建组件,但这是分离项的更好方法,这样代码就不那么混乱了。
很简单,视图是路由的,而组件是路由的组件。
这两个文件夹都包含Vue组件,“views”文件夹应该包含根级组件,其他组件将被导入其中。所谓的“其他组件”驻留在“组件”文件夹中。让我们举一个例子来说明。
假设你的网站yourname.com有3个根级页面
yourname.com yourname.com/about yourname.com/price
你的“views”文件夹有3个组件。”。vue”、“指数。Vue '和'price.vue'。这些文件可以导入到路由器文件中,也可以直接导入到app.vue文件中进行路由。这些视图可以包含多个组件,比如“price-card”。vue”、“联系人名片。Vue '等等。这些文件通常位于名为“components”的文件夹中。你可以在“views”文件夹中的vue文件中导入这些组件,然后渲染它们。