Vue学习记录--全局组件和局部组件
全局组件注册
<body>
<div >
<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>