[Vue warn]: Unknown custom element: ＜component-name＞ - did you register the component correctly?

关注

原创最新推荐文章于 2026-01-10 07:56:48 发布 2.7k 阅读 AI 写同款· GEO 优化 ›

Python之美——Python2与Python3多版本共存 Python多版本共存的方法Python2、Python3共存的方法python2下载及环境变量配置第一步、打开Python官网，下载Python2第二步、python2环境变量配置测试结果 Python2、Python3共存的方法方法如下： 1.先确保不同版本解释器的python.exe所在的路径在环境变量中 2.拷贝各自的python.exe并重命名即可步骤（理解不了下面有图示）： 1、首先你需要将不同的python版本安装，且都已经将跟版本的环境变量配置好了,python3和2的下载方式阅读详情

学习Vue碰到的一个错误。
[Vue warn]: Unknown custom element: - did
you register the component correctly? For recursive components,
make sure to provide the “name” option.
(found in )

懵。。。。。。。。。。。。。。。莫不是刚入门就劝退的节奏…
自己研究一下：

var vm = new Vue({
            el: "#app1",
            data:{
                message:"这是第一个Vue实例"
            }
        })
    // 定义组件
    Vue.component('component-name',{
        props: ['message'],
        template: '<li>{{message}}</li>'
    });

上面是简单的组件定义，一看完全没有问题。一运行就报错。
解决：1.组件定义和对象定义位置进行互换。
如下：

    Vue.component('component-name',{
        props: ['message'],
        template: '<li>{{message}}</li>'
    });
    var vm = new Vue({
            el: "#app1",
            data:{
                message:"这是第一个Vue实例"
            }
   })