注意点
1.组件名的写法。即在注册组件的时候，定义的组件s前边的字符，叫组件名，当一个单词的时候，首字母大写。多个单词的时候，就全用写小写，如my-school，第二个写法就是MySchool，这是在vue脚手架中写的。
components:{
School:s
}
2.组件的标签，就是在div中显示的标签。如我们定义了一个组件s，然后组件名叫School，然后在div中使用组件,下述代码中的school就是组件标签，这是第一种写法，还有第二种写法是<School/>,也是在有vue脚手架时使用。
<div>
<School></School>
</div>
3.一个定义组件时用到的简写方式
const school=vue.extend({optioons})=const school=({options})
总结
几个注意点:
1.关于组件名:
一个单词组成:
第一种写法( 首字母小写): school
第二种写法(首字母大写): School
多个单词组成:
第一种写法(kebab-case命 名): my- school
第二种写法(CamelCase命名): MySchool ( 需要Vue脚手架支持)
备注:
(1).组件名尽可能回避HTML中已有的元素名称，例如: h2、 H2都不行。
(2).可以使用name配置项指定组件在开发者工具中呈现的名字。
2.关于组件标签:
第一”种写法:
<school></school>
第二种写法: <school/>
备注:不用使用脚手架时， <school/>会导致后续组件不能渲染。
3.一个简写方式:
const school = Vue .extend(options)可简写为: const school = options
|