目标
掌握页面组件和功能组件
一、页面组件和功能组件的概念
组件分为两种:页面组件
和 功能组件
。
- 页面组件
用来构建独立页面的组件,保存在 views
目录中,页面组件中可以包含多个功能组件。
- 功能组件
我们可以将页面中一些独立的小功能制作成组件,这些组件可以被页面组件引入使用,比如:翻页、时间插件等,功能组件保存在 components
目录中,这些组件不能独立显示,只能被包含在一个页面组件中使用。
页面组件和功能组件的关系:(每个页面就是一个页面组件,每个页面中可以包含多个功能组件)
功能组件的使用
系统中默认有一个 HelloWorld
组件:
如果要在页面中使用这个组件需要先使用 import
引入该组件,然后在使用标签使用该组件。
修改 Hello.vue
页面:
views/Hello.vue
效果: