本文共 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/