组件
全局组件 ：
组件中的data是个函数，函数中返回一个对象
组件之间是相互独立的，数据不共用
1,注册 2，创建 3，使用
1、注册 Vue.component qjname
必须在new 实例之前注册
2、template 中添加一个模板
3、使用这个组件
基本代码：
<全局名字></全局名字>或
<全局名字/>//单标签会在标签后结束渲染
{{m}}
全局组件
局部组件：只能在规定的区域内使用
局部组件三部曲：1，创建一个组件 2，注册这个组件 3，使用这个组件
我是局部组件{{name}}
let home={ // template:'
局部组件
' template:'#h', data(){ return { name:'123' } } } let vm= new Vue({ el:'#app', data:{ n:200 }, components:{ myhome:home //myhome名字如果和let home名字相同，可以简写home } }) new Vue({ el:'#app2' })
输出结果：child 我是局部组件123
嵌套组件：组件中再注册子组件，子组件只能在当前注册的范围内使用
我是局部组件{{name}}
child
输出结果：child 我是局部组件123
