您现在的位置是：网站首页> 编程资料编程资料

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

2023-05-24 167人已围观

简介 Vue浅析讲解动态组件与缓存组件及异步组件的使用_vue.js_

1.什么是动态组件

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

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

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

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

案例：

//父组件App中