如何用vue-class-setup实现类似class风格的组合式API编写？

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

目录+前言+生产想法+快速开始+最佳实践+多个实例+PassOnTo+Watch+defineExpose+为什么使用class？+最后+前言+我司基于vue-class-component开发的项自有上百个，其中部署的SSR服务也接入了100个。

目录

• 前言
• 诞生想法
• 快速开始
• 最佳实践
• 多个类实例
• PassOnTo
• Watch
• defineExpose
• 为什么使用 class ？
• 最后

前言

我司基于vue-class-component开发的项目有上百个，其中部署的 SSR 服务也接近100个，如此庞大体量的项目一开始的时候还幻想着看看是否要升级Vue3，结果调研一番下来，才发现vue-class-component对Vue3的支持，最后一个版本发布都过去两年了，迟迟还没有发布正式版本。目前基本上处于无人维护的状态，而且升级存在着大量的破坏性更新，对于未来是否还要继续使用Vue3现在还是持保留意见，但是不妨碍我们先把组件库做成Vue2和Vue3通用，于是就有了本文。