一、介绍
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就大功告成了,小伙伴们开去试试吧!!!