<div id="app">
<npm></npm>
<hello-world></hello-world>
</div>
//引入vue.js
<script src="vue.js"></script>
<script>
//注册组件
const cpm = {
data(){
return{
title:"我是标题"
}
},
template:`
<div>
<h2>{{title}}</h2>
</div>
`
}
//注册第二个组件
const HelloWorld = {
data(){
return{
name:"Hello world"
}
},
template:`
<div>
<h3>{{name}}</h3>
</div>
`
}
let app = new Vue({
el:"#app",
data:{
},
//注意:写局部组件要写在Vue里面
components:{
//创建组件
"cpm":cpm,
"hello-world":HelloWorld
}
})
</script>