vue中动态组件的使用

动态组件的使用

虽然vue 已经提供了 v-if  v-show来动态显示隐藏组件

同时也提供元素在一个挂载点上动态的切换组件,通过is来决定那个组件被渲染显示

配合 使用时,可以保留组件状态避免重新渲染(和v-show 比较的差别是v-show 是一开始就渲染的所有组件,而keep-alive 并不是一开始就渲染好所有组件,而已保留渲染过的组件)

示例如下:

 
        
vue中动态组件的使用_第1张图片

点击change show 会依次切换组件显示

加入

 
        

你可能感兴趣的:(vue,vue,component,keep-alive)