10分钟快速上手Composition API(setup 语法糖写法)

大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~

写在前面

我们在写Vue2的时候,编写组件的方式是使用Options API,这种方式的特点就是在对应的属性编写对应的功能模块,例如在data中定义数据、methods定义方法等;这种方法的弊端就是同一功能的代码逻辑被拆分到各个属性中,影响代码的阅读

Vue3中提供的Composition API可以帮助我们优雅的组织我们的代码,让相关功能的代码更加有序的组织在一起,可以参考『做了一夜动画,就为让大家更好的理解Vue3的Composition Api』,采用动画的方式讲解了Composition API。

接下来我们就来介绍一个如何采用Composition API的方式编写代码。

注:本篇文章全部基于

你可能感兴趣的:(Vue生态,随手小记,前端,javascript,vue.js)