const cpnC2=Vue.extend({这个写法目前非常少见,普遍是语法糖写法
<script>
// 1.注册全局组件语法糖写法,无需组件构造器
Vue.component("cpn1",{
template: `
<div>
<h2>我是标题1</h2>
<p>内容1</p>
</div>`
})
const app=new Vue({
el:"#app",
data://注意此处的花括号
{
message:"这是一个vue模板"
},
// 2.注册局部组件语法糖写法,无需组件构造器
components:{
//此处cpn2或者“cpn2”都可
cpn2:{
template: `
<div>
<h2>我是标题2</h2>
<p>内容2</p>
</div>`
}
}
})
</script>