如果需要对一些组件反复的进行出现和消失的操作,着由几种方法可以实现
1、v-if v-show,条件渲染
<child-one v-if="type==child-one"></child-one>
<child-two v-if="type==child-two"></child-two>
2、component中的is属性:
这里type为组件名称的变量
<component :is="type"></component>
3、v-once
只渲染元素和组件一次,随后的渲染,使用了此指令的元素/组件及其所有的子节点,都会当作静态内容并跳过,这可以用于优化更新性能。
<child-one v-if="type==child-one"></child-one>
<child-two v-if="type==child-two"></child-two>
Vue.component('child-one',{
template:`<div v-once>child-one</div>`
})
Vue.component('child-two',{
template:`<div v-once>child-two</div>`
})