vue组件和注意项

一.组件三大步骤

1.定义组件（创建组件）
2.注册组件
3.使用组件（写组件标签）、

二.定义组件
使用vue.extend(options)创建，其中options和new vue（options）时传入的options基本一样，但可能还是有点区别
区别是
el不要写-最后所有的组件都要经过一个vm管理，由vm中的el决定服务哪个容器
2.data必须写成函数-避免组件被复用时，数据存在引用关系
使用template可以配置组件结构
三.注册组件
1.局部注册，靠new vue的时候传入components选项
2.全局注册，靠vue.conmponents(‘组件名’，组件)
编写组件标签
-->

二.组件名

1.一个单词组成：
第一种写法（首字母小写）learn
第二种写法（首字母大写）Learn
2.多个单词组成：
第一种写法：learn-song
第二种写法：MySchool（脚手架）

三.注意项

组件名不能是html已经有的元素名称
可以使用name配置项指定组件在开发者工具中的名字
组件标签：
第一种写法：
第二种写法：不用脚手架会导致后续组件不能渲染
三.简写方式：
const learn = Vue.extend(options)可以简写成：const learn = options