基于 Vue3 和 TypeScript 项目大量实践后的思考
Vue3出来已经有一段时间了，在团队中，也进行了大量的业务实践，也有了一些自己的思考。
总的来说，Vue3无论是在底层的原理上，还是在业务的实际开发中，都有了长足的进步。
使用 proxy 代替之前的 Object.defineProperty 的API，性能更加优异，也解决了之前vue在处理对象、数组上的缺陷；在diff算法上，使用了静态标记的方式，大大提升了Vue的执行效率。
在使用的层面，我们从options Api，变成了composition Api，慢慢的在实际的业务中，我们抛弃了原本的data、methods、computed那种隔离式的写法。compositon Api，它更加聚焦，它讲究的是相关业务的聚合性。
完全良好的支持了TypeScript，类型校验也成为了以后Vue3进行大型项目开发的质量保障，同时这也是面向了趋势 -- 前端的未来就是TypeScript！
compositon Api的本质，体现在代码里面，也就是一个setup函数，在这个setup函数中，返回的数据，会用到该组件的模板中。return的这个对象，一定程度上，代表了之前vue2中的data属性。
这时候，对于大多数初学者来说，可能存在的疑惑就是，那么我能不能定义options Api的写法，比如data、computed、watch、methods等等。
这里我需要明确的是，Vue3是完全兼容Vue2的这种options Api的写法，但是从理念上来说，更加推荐setup的方式，来写我们的组件。
原因如下：Vue3的存在，本身是为了解决Vue2的问题的，Vue2的问题就是在于，聚合性不足，会导致代码越来越臃肿！setup的方式，能够让data、方法逻辑、依赖关系等聚合在一块，更方便维护。
也就是说，以后我们尽量不要写单独的data、computed、watch、methods等等，不是Vue3不支持，而是和Vue3的理念违背。
components属性，也就是一个组件的子组件，这个配置在Vue2和3的差异不大，Vue2怎么用，Vue3依然那么用。
在功能方面，ref 和 reactive，都是可以实现响应式数据！
在语法层面，两个有差异。ref定义的响应式数据需要用[data].value的方式进行更改数据；reactive定义的数据需要[data].[prpoerty]的方式更改数据。
但是在应用的层面，还是有差异的，通常来说：单个的普通类型的数据，我们使用ref来定义响应式。表单场景中，描述一个表单的key:value这种对象的场景，使用reactive；在一些场景下，某一个模块的一组数据，通常也使用reactive的方式，定义数据。
那么，对象是不是非要使用reactive来定义呢？其实不是的，都可以，根据自己的业务场景，具体问题具体分析！ref他强调的是一个数据的value的更改，reactive强调的是定义的对象的某一个属性的更改。
周期函数，在Vue3中，是被单独使用的，使用方式如下：
在Vue2中，其实可以直接通过this.$store进行获取，但是在Vue3中，其实没有this这个概念，使用方式如下：
在Vue2中，是通过this.$router的方式，进行路由的函数式编程，但是Vue3中，是这么使用的：
merchant.ts
这一部分内容，准确的来说，是TS的内容，不过它与Vue3项目开发，息息相关，所以真的想用Vue3，我们还是得了解TS的使用。
不过这一部分，我不会介绍TS的基础语法，主要是在业务场景中，如何组织TS。
在一个常见的接口请求中，我们一般使用TS这么定义一个数据请求，数据请求的req类型，数据请求的res类型。
2022年vue3公司用的多吗
2022年vue3公司用的多。在2022年，Vue.js团队看到Vue3的NPM使用量增长了近200%。在Vue社区方面，Vue3生态系统现在已经成熟，可以提供帮助提高生产力的优秀解决方案。
vue3用的人太少了
知名度低。vue3用的人太少了是由于知名度低，vue3提供了更好的性能，更小的捆绑包体积，更好的TS集成，用于处理大规模用例的新 API。3.0版本的vue，开发周期长达两年多。
项目中要不要用Vue3？
目前阶段，Vue3已基本处于稳定，但是生态还不是特别完备，所以小项目可以尝试使用，但是之前的老项目不推荐使用Vue3进行重构。黑马程序员官网有成套免费视频哦，有什么不懂的可以直接过去学习。我的回答你满意吗？满意就采纳吧
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
