关于Vue组件无法正常显示问题

Vue中Components中的组件不显示组件流程1、创建组件，在Components中创建组件2、引入组件，在App组件中导入该组件3、注册组件，App中的Components中注册4、使用组件，template中使用任何一个环节出现了问题都会是的组件内容不显示，还有一个隐藏的问题，我找了快一个钟头，才找出来关于组件中文件夹嵌套的引用问题原因是没有使用小驼峰命名法*Header组件名注册无效=

歪你挡着我发光了

10709人浏览 · 2022-05-02 18:48:51

歪你挡着我发光了 · 2022-05-02 18:48:51 发布

Vue中Components中的组件不显示

组件流程

1、创建组件 ，在Components中创建组件
2、引入组件，在App组件中导入该组件
3、注册组件，App中的Components中注册
4、使用组件，template中使用

任何一个环节出现了问题都会是的组件内容不显示，

还有一个隐藏的问题，我找了快一个钟头，才找出来

关于组件中文件夹嵌套的引用问题
在这里插入图片描述

原因是 没有使用小驼峰命名法
在这里插入图片描述
*

Header组件名注册无效 => 改成MyHeader名注册则生效

至于什么原因，我不清楚，不过官方推荐小驼峰命名法，可能是官方和我开了个玩笑吧。

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport