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

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条回答 默认 最新

  • Proud lion 2021-04-21 18:36
    关注

    components 写到data里面了,写外面

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥30 关于#python#的问题:我想要的是这79个大特征对于房屋售价的最大的影响前十名(相关搜索:随机森林)
  • ¥15 使用matlab计算自定义特殊函数的二重积分,改变积分顺序所得的结果不同的问题?
  • ¥15 mysql做碎片化处理老是报错怎么办
  • ¥15 如何正确在vs2010中初始化map对象
  • ¥30 mmdet3d模型部署问题
  • ¥15 comsol仿真反射率、吸收率时峰值位置和深度不对!
  • ¥30 Visual Studio找不到sdk,如何解决?
  • ¥15 labview与机器之间网口通信发送指令
  • ¥15 迪杰斯特拉算法,考虑时延,带宽
  • ¥30 C#提交json字符串给http服务器