Vue之component 标签的使用

一、介绍

component 标签是Vue框架自定义的标签,它的用途就是可以动态绑定我们的组件,根据数据的不同更换不同的组件。


二、应用场景 

比如说根据一些项目的需求,需要在各个项目地点实行不同的个性化定制开发,但是路由只有一个,这个时候我们就可以给不同代码文件集成到一个项目里面,通过component标签上的is属性去动态的展示对应的组件即可,方便维护。

二、使用

首先,component标签上面是支持一个is属性的,is属性里面对应的的值,就是你所需要展示的文件,具体可以看官网https://cn.vuejs.org/api/built-in-special-elements.html#component

实例:

1.我们先在components目录下定义三个不同的组件,分别是index1、index2、index3.

2.我们在结构部分使用component标签,并绑定is属性,根据is属性的值不同,调用不同的组件。

3.动态判断所加载的文件

这样的话一个 component 标签的小demo就大功告成了,小伙伴们开去试试吧!!!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

GG--Bond

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

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

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

打赏作者

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

抵扣说明:

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

余额充值