Vue组件命名包含大写字母提示组件未正确注册的error

最新推荐文章于 2023-09-03 14:42:31 发布

积滴水成深渊

最新推荐文章于 2023-09-03 14:42:31 发布

阅读量429

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/u012565397/article/details/114822791

版权

在Vue中遇到组件注册错误，提示组件名需正确。原本以为组件命名不能包含大写字母，但实际上Vue支持驼峰命名，但要求大写字母间加""-"

摘要由CSDN通过智能技术生成

错误代码：

<body>
    <div id="myApp">
        <h1>组件学习</h1>
        <myComponent></myComponent>
    </div>
    <script>
        //该组件无法显示
        Vue.component('myComponent',{
            template:'<div><h4>这是我自定义的组件</h4></div>'
        })
        var myApp = new Vue({
            el: "#myApp",
            data: {}
      });
    </script>
</body>

运行结果：

错误提示：did you register the component correctly? For recursive components, make sure to provide the “name” option

然后我将组件名称全部改成小写后能够正常显示出来，我以为是组件命名不能包含大写，但根据以往的编程经验，我觉得肯定没有那么简单，标准的驼峰命名为什么不可以，没有道理啊。于是就上网查了查，发现Vue是允许用驼峰方式命名组件的，只是必须在驼峰命名的大写字母间加上”-“并都改为小写，于是我把代码改成这样：</

最低0.47元/天解锁文章

积滴水成深渊

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vue组件命名包含大写字母提示组件未正确注册的error

错误代码：<body> <div id="myApp"> <h1>组件学习</h1> <myComponent></myComponent> </div> <script> //该组件无法显示 Vue.component('myComponent',{ template:'<div>&
复制链接

扫一扫