Vue的is属性
本文共 441 字，大约阅读时间需要 1 分钟。
我们看一个切换标签的例子：
Dynamic Components Example动态组件
效果如下：
这里红框里面的代码，v-bind出现的时候，就会在vue实例的data里面去寻找值，这里我们用的不是data中的值，而是computed里面的函数动态返回值 比如我们点击第二个按钮的时候，currentTab就被设置成了字符串Posts
currentTabComponent计算的结果就是字符串tab-posts，相当于此时的代码是这样的： 注意这里的'tab-posts'外面的''不可以去掉
通过'tab-posts'找到了注册的全局组件'tab-posts'，就可以用这个全局组件替换掉这里的<component></component>了
参考资料：
转载地址：http://vstq.baihongyu.com/
你可能感兴趣的文章
Java.常用类.StringBuffer和StringBuilder
查看>>
RDD行动操作算子 --- fold（初始值）、reduce
查看>>
【Python数据分析与处理 实训02】 ---2012欧洲杯信息分析（数据过滤与排序）
查看>>
【Python数据分析与处理 实训04】--- 探索1960 - 2014美国犯罪数据（时间序列处理应用）
查看>>
KeyError: “[‘xxxx‘] not found in axis“
查看>>
【Python数据分析与处理 实训05】--- 探索虚拟姓名数据（数据合并）
查看>>
java编程常见类型题 --- 面向对象编程、程序逻辑（金字塔）、多线程同步
查看>>
java编程常见类型题 --- 程序逻辑（最小台阶）、多线程（计算读取）、Swing布局（国际棋盘）
查看>>
【MapReduce】基础案例 ---- 自定义OutputFormat ＜根据内容输出到指定文件目录中＞
查看>>
【Android】 模拟器上运行程序报错
查看>>
【sklearn练习】KMeans ---- iris（鸢尾花）数据集聚类评估
查看>>
【HTML5 CSS】display和visibility的区别
查看>>
java线程（4）——使用多个线程操作同一个对象（买票的例子）
查看>>
前端HTML中表单action属性的作用
查看>>
java线程（17）——Lock锁，三个线程抢票加上lock锁后变成三个线程排队买票
查看>>
java线程（19）——信号灯法，电视播放，生产者与消费者的案例
查看>>
java线程（20）——Runnable线程池
查看>>
计算机网络ip知识点
查看>>
react（3）——导入了正确的包，但是运行不出来，原因是因为导入包的顺序有问题
查看>>
react（10）——三大属性state，props，refs，总结其特点
查看>>