15.Vue动态组件

180 阅读1分钟
阐述:在页面上使用component 这个占位符来声明组件要放置的地方,使用名字来说明当前组件是谁
     使用is属性来指向组件名字
     如果页面上组件很多,需要进行切换,可以不用挨个在页面上书写v-if / v-show来进行显示隐藏,可以使用动态组件
     如: <component is=“组件名” />    页面会渲染指定的那个组件


以下代码解释:
     a. span标签为三个选项,分别为不同组件,点击不同span标签可以切换不同内容
     b. 被注释掉的部分是通过v-if/ v-show 进行显示隐藏,如果遇到很多切换按钮那么就需要写大量代码
     c. component标签中 用 :is 绑定了一个组件,通过 num 这个变量进行控制该显示哪个组件


主题列表:juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-chocolate

贡献主题:github.com/xitu/juejin…

theme: juejin highlight: