<body>
<div id="app">
<my-pnc2></my-pnc2>
</div>
</body>
<script type="text/javascript">
//1.子组件
const cpnc1=Vue.extend({
template:`
<h3>你好Vue1</h3>
`
})
//父组件
const cpnc2=Vue.extend({
template:`
<h3>你好Vue2</h3>
`， components：{
my-pnc1:cpnc1
}，//局部注册
})
const app=new Vue({
el:‘#app‘,
components：{
my-pnc2:cpnc2
}，//局部注册
data:{
msg:‘我饿哦我去 ‘
}
})
</script>
原文：https://www.cnblogs.com/cqqinjie/p/13259880.html