vue3 组合式与选项式哪个好（简单讲讲Vue3中CompositionAPI的作用）

这个要从vue2的option API说起，vue2是通过填充data、methods、computed等选项来完成一个完整组件的这使得Vue相对于React来说极易上手，但是也造成了以下几个痛点：，我来为大家讲解一下关于vue3 组合式与选项式哪个好?跟着小编一起来看一看吧!

vue3 组合式与选项式哪个好

这个要从vue2的option API说起，vue2是通过填充data、methods、computed等选项来完成一个完整组件的。这使得Vue相对于React来说极易上手，但是也造成了以下几个痛点：

1. Option API不够灵活，使得组件共用代码比较麻烦。
2. Vue组件过于依赖this上下文，使得Vue组件的开发开发看起来与JavaScript的开发原则相悖，使得TypeScript在Vue2中很难使用。

因此在Vue3中提出了Composition API来解决这些痛点问题，Composition API本质上就是讲Option API背后的机制暴露出来给到用户直接使用，这样灵活性就有了，这也使得Vue3能和TypeScript更好的结合。

从实际使用的效果上来看，Vue3的开发模式更加接近原生JavaScript，并且保留了Option API，这样在提高灵活性的同时，依然保留了易上手这个特性。

以上是笔者关于Vue Composition API的一些理解，如果喜欢的请收藏加关注，你的每一个点赞都像那冬天的阳光一样温暖。