如何在 Vue2 的项目中使用 Composition API

Vue 3 新出的 Composition API 可以优雅的聚集零散业务代码。如果想在 Vue2 的项目中使用 Composition API 怎么办？

可以使用官方出的插件：@vue/composition-api。

@vue/composition-api 介绍

不了解 Composition API 同学，可以看我以前写过的一篇文章：Vue Composition API - 聚集零散业务代码的解决方案。

安装:

npm install @vue/composition-api

在使用 @vue/composition-api 前，必须先通过 Vue.use() 在 Vue 中注册该插件。

import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)

使用：

import { ref, reactive } from '@vue/composition-api'

当项目迁移到 Vue 3 时，只需简单的将 @vue/composition-api 替换成 vue 即可。

import { ref, reactive } from 'vue'

Happy Coding~

参考文档

• @vue/composition-api 官网。