组件化开发 & 根组件 :
① 组件化: 一个页面可以拆分成 一个个组件 ,每个组件有着自己独立的 结构、样式、行为 。好处:便于 维护 ,利于 复用 → 提升 开发效率 。组件分类:普通组件、根组件。② 根组件: 整个应用最上层的组件,包裹所有普通小组件。
单文件组件/根组件组成部分:
◆ template:结构 ( 有且只能有一个根元素 )◆ script: js逻辑 (data要写成 data() { return {} } 的格式 )◆ style: 样式
单文件组件命名--多词格式:
(1)小驼峰----abcDef.vue
(2)大驼峰----AbcDef.vue
(3)中横线----abc-def.vue
注意事项:
如果不是使用多词格式命名,可以在js代码中,指定name,name是多词格式也可以