vue的【选项式api】 vs 【组合式api】


前言

伴随着新到的vue3,我们编写组件的书写方式也发生了变化。
除了底层的更新,编写方式的改变或许式我们最能只管感受到的。

其实就是vue3多了一种名为组合式api(composables api)的写法,相对应的式传统选项式api(options api)
组合式api简单来说就是使用setup方式编写组件

传统的 选项式api

来看看这种传统的写法:65行



先进的 组合式api

来看看这种先进的写法:48行



vue