组件的定义：一个组件本质上是一个拥有预定义选项的一个 Vue 实例。
组件的创建方式：
第一种创建方式
<body>
<div id="app">
<my-com1></my-com1>
</div>
</body>
</html>
<script>
var com1=Vue.extend({
template:'<h3>123</h3>'
})
Vue.component('myCom1',com1)
//或者
Vue.component('myCom1',Vue.extend({
template:'<h3>123</h3>'
}))
</script>第二种创建方式
<script>
Vue.component('my-component-name', { /* ... */ })
</script>第三种创建方式
如果Vre.component定义全局组件的时候使用了驼峰命名，则在引用组件的时候，需要把大写的驼峰改为小写的字母，同时，两个单词之间使用“-”连接,如果不使用驼峰，则直接拿名称来使用即可
局部注册
组件中的data和methods
组件的切换
v-if和v-else
component
mode方式动画
