优点:
- 提高代码复用性:通过将通用组件了逻辑封装在动态组件中,可以在多个地方重复使用,减少代码冗余。
- 增强灵活性:动态组件可以根据不同的条件或状态动态切换显示内容,使用应用更加灵活和可定制。
- 实现动态加载:动态组件可以在需要时加载所需的组件,提高应用的性能和加载速度
- 方便组件管理:可以将相关的组件组合在一起,形成一个动态组件,方便管理和维护
使用方法
假如我的时需求是 ( A 、B 组件之间的跳转和进行传值 !!!! )
- 第一步:需要创建一个文件来当作 A、B组件的入口
- 基本注册: commponted 中有 :is 属性 如果 A 组件 跳转 B 组件的话 :is 属性就使用A 组件 的名称
- 基本传值:使用 provide()进行传值 图中 data()中声明一个 对象 来接受保存的值,星进行传值
- 组件跳转方法:commponted 中有一个 changeView()方法在 methods 中声明
问题 怎么跳转 进行传值 @
A 组件跳转 B 组件的话 在 A 组件 export default 下 声明 inject: ['count'] 和 provide 一块使用
进行跳转 传值
使用 changeView 方法把 B 组件 名称填进去
传值的话 直接复制
B 组件 也是 在 export default 下 声明 inject: ['count'] 想使用 A 组件传过来的话 直接
例如 id this.count.rowData.id 就能获取到