vue引入组件报错找不到,vue组件嵌套组件不显示

　　本文主要介绍了vue组件引用另一个组件，但组件不显示的问题，以及解决方法。有很好的参考价值，希望对你有帮助。如有错误或不足之处，请不吝赐教。

组件引用另一个组件出现组件不显示

　　下载一个vue搭建的后台管理系统。导航栏是一个侧边栏。我想在头部添加一个导航。

　　首先导入要使用的组件。

　　从“@/components/Hamburger”导入汉堡包

　　从 @/components/nav/index . vue //导入我自己创建的。

　　然后在组件中编写组件。

　　组件：{

　　汉堡，

　　导航//由您自己定义

　　}

　　最后，它被用在模板中。

　　模板

　　div class=navbar

　　bread crumb class= bread crumb-container /

　　导航/

　　/div

　　/模板

　　但我查看页面时发现，页面中并没有显示Nav/index.vue的内容。

　　然后我在cmd上发现一个错误，说Nav已经定义了，没有使用。

　　模块警告(来自。/node _ modules/eslint-loader/index . js):

　　错误：“Nav”组件已在src \ layout \ components \ navbar . vue:44:5中注册但未使用(vue/no-unused-components ):

　　43 汉堡，

　　44 导航

　　45 },

　　试了半天，不知道是什么问题，然后想了想是不是首字母大写，就试了一下，发现居然显示了。

　　但是所有其他组件都是小写的。我不知道为什么。

　　组件已声明，但页面未显示。这才是原来的问题。设置

　　最初，我们需要首先声明Vue的一个实例，并将我们的自定义组件放在标签中。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。