安装
npm install @vue/composition-api --save
或
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 学习