Vue 组件的定义及复用性,局部组件和全局组件

全局组件的定义:
*举例:*创建一个vue实例,包含一个子组件counter
在这里插入图片描述组件的复用性:每个组件可以被反复使用,独立不会相互影响
例:
在这里插入图片描述注:.component定义的组件是全局组件,只要定义了,不仅在父组件能用,在其他组件也能用。性能不高,但是使用起来简单。

局部组件的定义:
*举例:*创建一个Vue实例,有一个子组件counter,需要添加components来注册组件
在这里插入图片描述注:1.局部组件,定义了要通过components注册之后才能使用,性能比较高,使用起来比较麻烦,局部组件定义名称无法使用“-”,建议首字母大写,驼峰式命名
2.局部组件使用时,要做一个名字和组件间的映射对象,不写映射,vue底层也会尝试帮你做映射

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_sophia

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值