Vue的is属性-白红宇的个人博客

Vue的is属性

发布日期：2021-05-07 01:05:11 浏览次数：8 分类：技术文章

本文共 441 字，大约阅读时间需要 1 分钟。

我们看一个切换标签的例子：

    
       
       Dynamic Components Example动态组件

效果如下：

这里红框里面的代码，v-bind出现的时候，就会在vue实例的data里面去寻找值，这里我们用的不是data中的值，而是computed里面的函数动态返回值

比如我们点击第二个按钮的时候，currentTab就被设置成了字符串Posts

所以此时currentTabComponent计算的结果就是字符串tab-posts，相当于此时的代码是这样的：

注意这里的'tab-posts'外面的''不可以去掉

通过'tab-posts'找到了注册的全局组件'tab-posts'，就可以用这个全局组件替换掉这里的<component></component>了

参考资料：

上一篇：[HEOI2015]最短不公共子串

下一篇：vue之路由

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

C语言初阶——指针 2019-03-04

[88]. 合并两个有序数组(C语言） 2019-03-04

docker部署Hadoop环境 2019-03-04

最全环境搭建-常用软件安装 2019-03-04

Linux 安装 MySql 2019-03-04

系统架构 2019-03-04

网关程序的开发 2019-03-04

SpringBoot（Spring IOC 和 Spring MVC）（待补充） 2019-03-04

变量命名的通用规则 2019-03-04

程序员职业划分 2019-03-04

MFC使用opencv在picture控件上面播放摄像头视频 2019-03-04

浪潮服务器电脑BOOST界面设置开机启动 2019-03-04

六祎-Photoshop快捷键 2019-03-04

转---原码，反码，补码的深入理解与原理。 2019-03-04

浅谈C++ 标准库中的异常 —— stdexcept类 2019-03-04

【浅谈】main函数的三个参数 2019-03-04

函数指针 2019-03-04

Ubuntu安装软件以及查看已安装软件的几种方式 2019-03-04

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 453548991 位访客