Vue浅析讲解动态组件与缓存组件及异步组件的使用

1.什么是动态组件

当我们希望页面中的某个地方,在不同组件之间进行动态切换,这时候除了条件渲染,还可以使用动态组件。

2.如何实现动态组件渲染

vue提供了一个内置的组件,专门用来实现动态组件的渲染:通过 is 属性动态指定要渲染的组件

因为要渲染的组件是不确定的,所以要通过data申明一个变量用来接收组件的名称,用 :is 动态绑定这个变量到组件中,通过按钮添加事件改变变量的值来切换相应组件

案例:

//父组件App中


                    
                    

你可能感兴趣的:(Vue浅析讲解动态组件与缓存组件及异步组件的使用)