摘要：
创建组件使用Vue.component()方法，它是创建的全局组件参数1表示组件名字参数2表示组件配置项Vue.component//注意组件命名如果使用驼峰命名法，上面在页面中使用的时候就需要改成连字符Vue.componentvarvm=newVue
创建组件使用Vue.component()方法，它是创建的全局组件
- 参数1表示组件名字
- 参数2表示组件配置项
<div id="app">
<!-- 2. 使用组件，像html标签一样 -->
<index></index>
<index-b></index-b>
</div>
<script>
Vue.component('index', {
// template属性指定组件模板
template: '<div>这是首页<index-b></index-b></div>'
})
// 注意组件命名如果使用驼峰命名法，上面在页面中使用的时候就需要改成连字符⭐
Vue.component('indexB', {
// template属性指定组件模板,模板只能有一个根节点⭐
template: '<div>这是首页B</div>'
})
var vm = new Vue({
el: '#app',
data: {
}
})
</script>