阐述:在页面上使用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
theme: juejin
highlight: