Vue3有哪些新特性和优势？

本文共计1412个文字，预计阅读时间需要6分钟。

目录- 引言- 构建 Web Components- 属性- 事件- 插件- 子组件样式问题- 方法- 总结- 引言- 有时候想写一个无关框架的组件- 不想用原生或 jQuery，那套去写- 还要避免样式冲突- 用 Web Components

目录

• 引言
• 构建 Web Components
• 属性
• 事件
• 插槽
• 子组件样式问题
• 方法
• 总结

引言

有时候想写一个无关框架组件，又不想用原生或者 Jquery 那套去写，而且还要避免样式冲突，用 Web Components 去做刚觉就挺合适的。但是现在 Web Components 使用起来还是不够灵活，很多地方还是不太方便的，如果能和 MVVM 搭配使用就好了。

早在之前 Angular 就支持将组件构建成 Web Components，Vue3 3.2+开始终于支持将组建构建成 Web Components 了。正好最近想重构下评论插件，于是上手试了试。

构建 Web Components

vue 提供了一个defineCustomElement方法，用来将 vue 组件转换成一个扩展至HTMLElement的自定义函数构造函数，使用方式和defineComponent参数api基本保持一致。