我只是使用命令行(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目录下。例如页眉,页脚,广告,网格或任何自定义控件喜欢样式的文本框或按钮。可以在视图中访问一个或多个组件。
视图可以有组件,视图实际上是通过导航url访问的。它们通常放在src/views中。
请记住,您并不是必须通过url访问组件。你可以自由地向router.js添加任何组件并访问它。但如果你打算这样做,你可以把它移动到src/views,而不是放在src/components中。
组件是类似于asp.net web表单的用户控件。
它只是为了更好地维护和可读性而构建代码。
您可以将视图视为页面和组件之类的可重用代码块,可以在任何页面或组件中使用(两者都是Vue文件,这些术语只是为了演示)
只是按逻辑顺序安排项目。您仍然可以在视图文件夹中创建组件,但这是分离项的更好方法,这样代码就不那么混乱了。
正如其他人所提到的,这非常简单:您通常使用视图来显示希望用户导航的实际页面。组件是那些页面中的元素,您可以在项目的任何页面中重用它们。
我认为这更像是一种惯例。一些可重用的东西可以保存在src/components文件夹中,一些绑定到路由器的东西可以保存在src/views文件夹中