Vue 组件的几个注意点

关于组件名

一个单词组成：

1. 首字母小写：school
2. 首字母大写：School

多个单词组成：

1. kebab-case 命名：my-school
2. CamelCase 命名：MySchool（需要脚手架支持）

备注：

组件名尽可能回避 HTML 中已有的元素名，如：h1、H2

可以使用 name 配置项指定组件在开发者工具中呈现的名字

---

关于组件标签

两种写法：

1. <school></school>
2. <school/>（这种写法不使用脚手架，会导致后续组件不能渲染）

---

一个简写方式

const school = Vue.extend(options)

// 简写
const school = options

---