Vue 组件和、页面、控件 三者的关系

页面

页面是直接和URL对应，或者说是和“大”URL对应的，里面不做具体的功能，而是放各种组件，负责组件之间的关联关系。

比如

• 首页；
• 商品列表页
• 商品详细页面
  等。
  这只是举个简单的例子，这样有一个感觉的认识，其实我也说不太清楚，但是又需要这么一个区分，否则总是感觉哪里不对的样子。

组件

负责实现具体的功能，比如：

• 导航组件，负责各种连接，
• 产品列表的组件，负责显示产品目录、分页和查询之类的功能。
• 产品详细组件，负责显示产品的具体内容、购物车按钮等。

当然一个项目里面可以有各种各样的组件，上面只是举个具体点的例子，并不是定义。

控件

更具体的实现专一的功能，比如

• el-input，实现文本类数据的输入；
• el-input-number，实现数字的输入；
• el-select，实现下拉类的选择。

综上所述：可以理解为页面包括组件保证控件