全局组件注册
<body>
<div id="app">
<my-pnc></my-pnc>
</div>
</body>
<script type="text/javascript">
//1.组件构造器
const cpnc=Vue.extend({
template:`
<h3>你好Vue</h3>
`
})
//2.全局注册组件
Vue.component(‘my-pnc‘,cpnc);
const app=new Vue({
el:‘#app‘,
components：{
my-pnc:cpnc
}，//局部注册
data:{
msg:‘我饿哦我去 ‘
}
})
</script>
原文：https://www.cnblogs.com/cqqinjie/p/13259702.html