大家好，欢迎来到IT知识分享网。
一、选项式 API 和组合式 API区别
1、 Vue3 Composition API（组合式 API）和 Vue2 的 Options API（选项式 API）是 Vue.js 框架的两种不同编程风格。
2、 Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。
二、该选哪一个？
•两种API 风格都能够覆盖大部分的应用场景。它们只是同一个底层系统所提供的两套不同的接口。实际上，选项式API 是在组合式 API的基础上实现的！关于Vue 的基础概念和知识在它们之间都是通用的。
•Vue2选项式 API 以“组件实例”的概念为中心 (即上述例子中的 this)，对于有面向对象语言背景的用户来说，这通常与基于类的心智模型更为一致。同时，它将响应性相关的细节抽象出来，并强制按照选项来组织代码，从而对初学者而言更为友好。
•Vue3组合式 API 的核心思想是直接在函数作用域内定义响应式状态变量，并将从多个函数中得到的状态组合起来处理复杂问题。这种形式更加自由，也需要你对 Vue 的响应式系统有更深的理解才能高效使用。相应的，它的灵活性也使得组织和重用逻辑的模式变得更加强大。
以上内容为vue官网解释的意思，下面我们通过一张图来解释一下，以上黄色字体的关键字是在vue2,3中如何体现的。
解释一下 vue2中方案更多的是按照组件的形式存在的，需要按照vue的规范进行使用，写法和逻辑相对固定，那么问题就来了，方法之间业务逻辑交互就很麻烦，因为vue2 认为方法的作用域不同，之间不能进行交互，需要通过一个proxy进行沟通，那么代码灵活性就有问题了，
在看看vue3，所有方法都在一个作用域中，那么代码之间的交互以及代码的重用都不需要再通过代理了，将更多的自由度交还给开发人员，让开发人员在代码和逻辑的组织上更加的灵活
vue3解决了vue2中不灵活的一面，同时减少了代码的书写，让开发者更加的关注业务，同时思想的转变也是vue3与时俱进的体现。
三、结论
1、使用vue2 || vue3能解决90%业务问题。
2、vue3代码写法更简洁(让开发干更少的事情)，灵活性更高(解决复杂业务问题。
3、vue3是前端开发人员的趋势,思维逻辑，必学
4、其他前端框架都在朝着vue3的开发模式以及思维转变，例如 微信小程序，uniapp等等前端框架。
四、代码参考
以上红框体现了vue2 组件式的开发模式，就很好的说明，不同组件中的业务逻辑很难相互交互与代码重用
以上为vue3的语法糖写法 setup，可以看到代码简洁了很多，变量与方法都在同一个作用域中，在逻辑与代码复用都类似了后端开发语言java，go写法会更加灵活。
vue3是前端开发人员未来发展趋势，早晚都要会和理解的，同样也是面试必考题，送分题，很多杠精会说java现在都出到21了，但是他们依然用着java8，问题是面试者不问java 21的面试题，而vue3的问题面试官问啊，这就尴尬了啊，所以大家还是趁早学习起来，避免用时方恨少。
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/89401.html
