vue 3.0 到底解决了什么问题？

在vue3.0下，2.x的代码依旧可以运行，你可以选择将之前的代码改造为3.0的组合式api，也可以让他们共存，他们并不是互斥的。

vue3.0的代码组织方式更加利于逻辑复用，在2.x版本里，我们的代码是按照选项式进行组织的，如：数据定义在data里，方法写在method里，计算属性放在computed里。那么这带来两个问题：

1、逻辑上的理解。对于一个复杂的组件，我在理解其逻辑的时候，需要在不同的选项里，将其逻辑串起来理解，可能每个选项代码我都认识，但是整体逻辑理解起来较为困难。究其原因就是，代码较为分散，而分散的代码不但不利于理解逻辑，也使得复用变得遥不可及。我们希望代码高内聚。那vue 3.0 的代码组织方式就解决了这一痛点，对于某一逻辑的代码，强调高内聚，对外提供的数据和方法，一目了然，对于其逻辑理解，我只需要专注这一处代码即可。

2、代码的复用。代码按照选项组织的话，如果在其他组件需要实现相同逻辑的话，代码无法复用。但是在vue 3.0里，对于某一逻辑的代码，不用分散在不同的选项里，而是像打包一样放在了一起，对外提供数据和方法，这样在别的组件便可复用这一份代码。

最后，需要注意的是，目前2.x版本与3.0是可以一起使用的，他们可以共存，并不是互斥的。你无需将整个项目重构，如果你曾经也发现你的代码存在复用的痛点，你可以试着按照vue 3.0提供的api去解决，便更能够体会其意义所在。

关于vue 3.0 新特性API的使用，推荐学习网易课堂的视频课程：

视频链接：

https://study.163.com/course/courseMain.htm?courseId=1210239918&share=2&shareId=480000002227707