Vue3.0新版API之composition-api入坑指南

关于VUE3.0

由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲

• 使用vite体验vue3.0
• composition-api解决了什么问题
• 语法糖介绍

vite的安装使用

vite仓库地址 https://github.com/vuejs/vite 上面有详细的安装使用教程，按照步骤安装即可

composition-api解决了什么问题

1. 使用传统的option配置方法写组件的时候问题，随着业务复杂度越来越高，代码量会不断的加大；由于相关业务的代码需要遵循option的配置写到特定的区域，导致后续维护非常的复杂，同时代码可复用性不高，而composition-api就是为了解决这个问题而生的

语法糖介绍

compositon-api提供了一下几个函数

• reactive
• watchEffect
• computed
• ref
• toRefs
• 生命周期的hooks

reactive

 import { reactive, computed } from 'vue'

  export default {
    setup() {
      co