@nicolas 2021-04-21 17:46 采纳率: 66.7%
浏览 238
已采纳

Vue:注册局部组件报错

在学习注册局部组件时,发生以下错误:

[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>

  • 写回答

2条回答

      报告相同问题?

      相关推荐 更多相似问题

      悬赏问题

      • ¥15 使用DWY100k数据集对UEA进行测试,出现报错:IndexError: index 125000 is out of bounds for axis 0 with size 95500
      • ¥15 前端vue实现根据图片url生成pdf文件
      • ¥15 RfidReader资源Q个
      • ¥20 user-agent是否是唯一的,有没有可能相同
      • ¥15 关于#开会#的问题,如何解决?(语言-c++)
      • ¥15 关于#二十四点问题#的问题
      • ¥15 运行kitex的demon出错(求大家解决)
      • ¥15 开发一个类似 typora 这样的软件需要多少钱?
      • ¥15 clearcase7.0安装包
      • ¥15 断点回归模型月度核密度检验不连续