组件化开发 & 根组件 ： 

① 组件化： 一个页面可以拆分成 一个个组件 ，每个组件有着自己独立的 结构、样式、行为 。

好处：便于 维护 ，利于 复用 → 提升 开发效率 。

组件分类：普通组件、根组件。

② 根组件： 整个应用最上层的组件，包裹所有普通小组件。

单文件组件/根组件组成部分：

◆ template：结构 （ 有且只能有一个根元素 ）

◆ script: js逻辑 （data要写成 data() { return {} } 的格式 ）

◆ style： 样式

单文件组件命名--多词格式：

（1）小驼峰----abcDef.vue

（2）大驼峰----AbcDef.vue

（3）中横线----abc-def.vue

注意事项：

如果不是使用多词格式命名，可以在js代码中，指定name，name是多词格式也可以