使用VUE3组合式API 再写个示例
时间: 2023-10-27 14:07:22 浏览: 101
vueuse-vue3-example:VueUse和Vue3工作示例
好的,这个问题属于技术类问题,我可以回答。关于VUE3组合式API的示例,你可以参考以下代码:
```javascript
<template>
<div>
<p>Count: {{ count }}</p>
<button @click="increment">+1</button>
</div>
</template>
<script>
import { reactive, toRefs } from 'vue'
export default {
setup() {
const state = reactive({
count: 0
})
function increment() {
state.count++
}
return {
...toRefs(state),
increment
}
}
}
</script>
```
这是一个简单的计数器示例,使用了Vue3的组合式API,包括了 `reactive`、`toRefs`等方法。希望对你有帮助。
阅读全文