Setup 组合式 API 介绍

什么是组合式 API

通过创建 Vue 组件,我们可以将界面中重复的部分连同其功能一起提取为可重用的代码段。仅此一项就可以使我们的应用在可维护性和灵活性方面走得相当远。然而,光靠这一点可能并不够,尤其是当你的应用变得非常大的时候——想想几百个组件。处理这样的大型应用时,共享和重用代码变得尤为重要。

2.0 默认方式存在的问题

使用 (data、computed、methods、watch) 组件选项来组织逻辑通常都很有效。然而,当我们的组件开始变得更大时,逻辑关注点的列表也会增长。尤其对于那些一开始没有编写这些组件的人来说,这会导致组件难以阅读和理解。

使用 Setup 优化逻辑

Setup 组合式 API 能够将同一个逻辑关注点相关代码收集在一起,将碎片化的逻辑代码有效地整合。

我必须使用 Setup 语法吗 ?

在开发中不一定要强制使用 Setup 语法哦,如果您对逻辑并不是超级复杂,而且您还非常喜欢普通组件定义方式( 属性、数据、方法... 独立代码段 ),那么您可以不必使用 Setup 。
反之如果您更喜欢 Setup 的优点,您可以使用 Setup 语法。
不过,既然 Setup 是 Vue 3.0 版本较大的更新,那么就代表着 Setup 一定是一种优秀的开发方式,作为开发者我们应该拥抱优秀的变化,并享用它。