Vue Router 问题紧记

在Vue中遇到组件引用问题,虽然代码看似无误,但Header组件未能正确加载。原因在于Vue组件名是大小写敏感的,因此引用`Header`组件时需要使用大写的`<Header>`标签,而`HelloWorld`组件由于遵循同样的规则,所以可以正常工作。了解这一逻辑对于避免此类问题至关重要。
摘要由CSDN通过智能技术生成

技术就是这样,你越不懂 它就越欺负你!

1.引用组件 (单个单词问题)

<template>
  <div id="app">
   <header></header>
   <hello-world></hello-world>
  </div>
</template>
<script>
    ..
export default {
  name: 'App',
  components:{
    Header,HelloWorld
  }
}
</script>

 上面代码  看上去没问题 但就是引用不了header组件,不知道是什么逻辑   有驼峰组件的时候 比如HelloWorld可以<hello-world> 没有的时候 就必须得一模一样  上面的问题在于 引用Header组件需要使用<Header>标签 注意大写;

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值