🚀
高性能
基于 Vue 3 Composition API 构建，支持响应式更新和智能缓存
EwVueComponent强大的 Vue 3 动态组件包装器
轻松实现组件动态切换、错误处理和性能优化
Skip to content
为什么选择 EwVueComponent？
EwVueComponent 是一个专为 Vue 3 设计的动态组件包装器，它解决了在复杂应用中动态切换组件的痛点，提供了优雅的解决方案。
核心特性
- 动态组件切换: 支持字符串、组件对象、异步组件的无缝切换
- 智能错误处理: 内置错误边界，自动降级到备用组件和错误重试
- 性能优化: 支持组件缓存、性能监控和智能加载
- 类型安全: 完整的 TypeScript 支持，提供优秀的开发体验
- 插件系统: 可扩展的插件架构，内置日志、性能和错误处理插件
快速体验
vue
<template>
<EwVueComponent
:is="currentComponent"
v-bind="componentProps"
@error="handleError"
>
<template #default>
<p>默认插槽内容</p>
</template>
<template #header>
<h2>头部插槽</h2>
</template>
</EwVueComponent>
</template>
<script setup>
import { ref } from 'vue'
import { EwVueComponent } from 'ew-vue-component'
const currentComponent = ref('div')
const componentProps = ref({ class: 'my-component' })
const handleError = (error) => {
console.error('组件加载失败:', error)
}
</script>开始使用
立即开始使用 EwVueComponent，体验现代化的 Vue 3 开发：