在学习注册局部组件时,发生以下错误:
[Vue warn]: Unknown custom element: <cpn> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in <Root>)
源码如下:
<body>
<div id="app">
<cpn></cpn>
<cpn></cpn>
<cpn></cpn>
</div>
<script src="../js/vue.js"></script>
<script>
//创建组件构造器
const cpnC = Vue.extend({
//template属性:自定义组件的模板,封装需要抽成组件的html代码
template: `
<div>
<h2>我是标题</h2>
<p>我是内容1</p>
<p>我是内容2</p>
</div>
`
})
//注册组件(全局组件:可以在多个Vue实例中使用)
//Vue.component('cpn' , cpnC)
const vm = new Vue({
el: '#app',
data: {
components: {
cpn: cpnC
}
}
})
</script>