div class="app">
<!-- 组件名是大写 在浏览器编译的时候会转成小写，导致找不到想应的组件，可以全变成小写，中间加-来解决 -->
<child1></child1>
<!-- 所有的组件都需要使用一个div来包裹 -->
<div><child-a/></div>
<div><child-b/></div>
<!-- 模板的第二种写法，使用template加id -->
<template id="childB">
<div>
<h1>我是程序员</h1>
<h1>我是程序员</h1>
</div>
</template>
</div>
<script src="./node_modules/vue/dist/vue.min.js"></script>
<script>
/* 模板的第一种写法 */
Vue.component('child1',{
template:`<h1>我是child1</h1>`
})
Vue.component('childA',{
template:`<h1>我是childA</h1>`
})
Vue.component('childB',{
template:'#childB'
})
new Vue({
el:'.app'
})
</script>
