Vue3 Composition API 安装详解

在 Vue2 中，需要在项目中进行安装 Composition API 才能使用这项新特性。

安装

npm

npm install @vue/composition-api --save

yarn

yarn add @vue/composition-api

注册使用

// main.js
import Vue from 'vue'
import VueCompositionApi from '@vue/composition-api'

Vue.use(VueCompositionApi)

在组件中使用

<template>
  <div>
    <button @click="increase">被点击了{{obj.count}}次</button>
  </div>
</template>

<script>
  import { createComponent, reactive } from '@vue/composition-api'
  export default createComponent({
    setup() {
      const obj = reactive({ count: 0 })

      const increase = () => {
        obj.count++
      }
      return {
        obj,
        increase
      }
    }
  })
</script>

插件的更多信息

demos 学习

• composition-api-demos