定义组件：
Vue.component('navbar',{
template `<diiv></div> `}
)
组件是孤岛，无法直接访问外面的组件的状态或者方法
在组件里data必须是函数写法 data（）{}
全局：Vue.component('navchild',{
<div></div>
全局的组件可以调用过来直接复用，局部里的组件不能拿过来复用，因为是私有的
局部：compoents：{}
父传子：1.props:['mytitle'] 接收父组件传来的属性
2.属性验证
3.设置默认值
子传父：需要再子组件身上监听事件，等子组件通过this.$emit触发事件
ref：
ref放在标签上，拿到的是原生节点
ref放在组件上，拿到的是组件对象，通信功能
bus：var bus = new Vue()
子件传到父件里，bus相当于代表中间件，
再由bus传到给父传子。
v-model：
v-once：模板就不会再继续更新了，一套静态DOM
动态组件：
切换div，原先里的input仍然显示，keep-alive保持活着
solt：插槽
可以保留<child>
<div>1111</div>
</child>里的内容，
插槽命名
插槽新写法
