我只是使用命令行(CLI)来初始化Vue.js项目。CLI创建了src/components和src/views文件夹。
我已经有几个月没有使用Vue项目了,文件夹结构对我来说似乎是新的。
用Vue -cli生成的Vue项目中的视图和组件文件夹有什么区别?
我只是使用命令行(CLI)来初始化Vue.js项目。CLI创建了src/components和src/views文件夹。
我已经有几个月没有使用Vue项目了,文件夹结构对我来说似乎是新的。
用Vue -cli生成的Vue项目中的视图和组件文件夹有什么区别?
当前回答
在我的视图中,组件文件夹必须包含将在视图中使用的组件。在视图中,必须有那些被路由器访问的页面。例如,你有一个导航栏,页眉和页脚在你的页面中使用,你有一个登录页面,注册页面和主页。然后你的src/components必须包含页眉,页脚和导航栏。在src/views中必须有登录、注册和主文件等文件。
其他回答
正如其他人所提到的,这非常简单:您通常使用视图来显示希望用户导航的实际页面。组件是那些页面中的元素,您可以在项目的任何页面中重用它们。
这两个文件夹基本上是相同的,因为它们都包含组件,但Vue的美学是将作为页面(路由到类似的页面进行导航)的组件保存在/views文件夹中,而可重用的组件(如表单字段)保存在/components文件夹中。
我认为这更像是一种惯例。一些可重用的东西可以保存在src/components文件夹中,一些绑定到路由器的东西可以保存在src/views文件夹中
您可以将视图视为页面和组件之类的可重用代码块,可以在任何页面或组件中使用(两者都是Vue文件,这些术语只是为了演示)
不同之处在于它们所起的作用。视图用于正确地表示您的页面,以便您可以来回导航,而组件是组成页面的部分