16、脚手架目录文件介绍与项目运行流程
（1）脚手架目录文件介绍
（2）Index.html
（3）Main.js
17、组件化开发和根组件
（1）组件化
1）概念
一个页面可以拆分成一个个组件，每个组件都有着自己独立的结构、样式、行为
2）好处
便于维护，利于复用，提升开发效率。
3）组件分类
普通组件、根组件
（2）根组件
1）概念：
整个应用最上层的组件，包裹所有普通小组件。
2）示意图
（3）App.vue文件（单文件组件）的三个组成部分
1）三部分组成
①template：结构（有且只能有一个根元素）
②script：js逻辑
③style：样式（可支持less，需要装包）
2）让组件支持less
①style标签，lang=“less”开启less功能
②装包yarn add less less-loader
③示例：
不加less，使用这种结构，报错
解决方法
结果：
18、普通组件的注册使用
（1）组件注册的两种方式
1）局部注册（只能在注册的组件内使用）
①创建.vue文件
②在使用的组件内导入并注册
2）全局注册（所有组件内都能使用）
①创建.vue文件（三个部分组成）
（在main.js中）
②main.js中进行全局注册
③使用：当成html标签使用’<组件名></组件名>’
效果：
3）注：
①组件名规范：大驼峰命名法，比如HuHeader
②在VSCode中的设置里搜索trigger on tab，勾选，在写时会自动补全
