本文讨论了如何使用 Vue 3.2+ 构建 Web Components,重点介绍了 `defineCustomElement` 方法及其特点,包括属性映射、事件处理和样式隔离等。尽管存在一些挑战,这种方法适合构建简单的跨框架插件。
Vue 3.2 将让 script setup 脱离实验阶段,主要调整包括:弃用 useContext,改用 useSlots 和 useAttrs 获取插槽与非 props 属性;新增 defineExpose 显式暴露子组件数据给父组件;defineEmit 更名为 defineEmits;新增 withDefaults 为 TS 类型声明的 props 指定默认值;支持顶层 await,组件自动变为 async setup。
完成下面两步后,将自动完成登录并继续当前操作。