<div id="app">
<!-- 全局组件的使用 -->
<cpn></cpn>
<cpn1></cpn1>
<div>
//引入vue.js文件
<script src = "vue.js"></script>
<script>
//注册全局组件
Vue.component("cpn",{
//注意:这里的data是一个函数
data(){
return{
msg:"Hello World!!!"
}
},
//注册组件
//注意:这里面最好使用ES6语法里面的模板字符串
//注:在template下既写了h2标签有写了p标签最好用一个div包裹起来,否则会可能报错!!!!
template:`
<div>
<h2>{{msg}}</h2>
<p>{{msg}}</p>
</div>
`
})
let app = new Vue({
el:"#app",
data:{
}
})
</script>