博客
关于我
Vue的is属性
阅读量:303 次
发布时间:2019-03-04

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

你可能感兴趣的文章
VTK:图片之ImageMathematics
查看>>
VTK:图片之ImageOrientation
查看>>
VTK:图片之ImageToPolyDataFilter
查看>>
VTK:图片之ImageToStructuredPoints
查看>>
VTK:图片之ImageValueRange
查看>>
VTK:图片之PickPixel
查看>>
VTK:图片之RGBToHSV
查看>>
VTK:隐式函数之ImplicitQuadric
查看>>
VTK:隐式函数之ImplicitSphere
查看>>
VTK:InfoVis之DelimitedTextReader
查看>>
数据结构与算法学习1-----稀疏数组
查看>>
Java转换xml格式时间 (yyyy-MM-ddTHH:mm:ss.SSSZ)
查看>>
关于json
查看>>
焦点事件
查看>>
webpack打包常见报错
查看>>
vuex—1vuex初始
查看>>
web前端面试一从输入url到看到页面发生了什么
查看>>
智慧水利的泵站自动化监控系统解决方案
查看>>
C getopt.h
查看>>
TensorRT/parsers/caffe/caffeParser/caffeParser.h源碼研讀
查看>>