请问组件的调用写法是什么

请问组件的调用写法是什么

http://img1.sycdn.imooc.com//climg/5d1ea2ba0001d7a602720032.jpghttp://img1.sycdn.imooc.com//climg/5d1ea2c50001b1f803130032.jpghttp://img1.sycdn.imooc.com//climg/5d1ea2d200014b1f03360027.jpg 后两步是引入和注册 但是在调用的时候这个元素名为什么不一样呢?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2019-07-05 14:15:16

你好同学,在vue中,组件名的定义有两种形式。第一个是kebab-case格式,即如下:

http://img1.sycdn.imooc.com//climg/5d1ee9b30001077602800039.jpg

第二种就是PascalCase,即如下:

http://img1.sycdn.imooc.com//climg/5d1ee9d200018d9703200036.jpg

而当使用 PascalCase 这种格式去定义一个组件时,在使用(也就是同学说的调用)这个组件的时候两种命名法都可以使用。也就是说我们使用第二种方式注册了HomeHeader组件,在使用此组件的时候,<HomeHeader> 和 <home-header> 都是可接受的。

不过需要注意,假如直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的。所以一般在使用组件的时候,更推荐使用<home-header> 这种方式哦。

祝学习愉快,望采纳。

  • 假如直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的。这句话没懂 可以举个例子吗?
    2019-09-17 16:00:09
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师