【vueUse库Reactivity模块各函数简介及使用方法--中篇】
<template>
<div>
<p>{{ count }}</p>
<button @click="increment">增加</button>
</div>
</template>
<script setup>
import { ref } from 'vue'
import { useCounter } from './myCounter'
const { count, increment } = useCounter(1)
</script>在这个例子中，我们定义了一个简单的计数器功能，并在Vue组件中使用了ref来创建响应式的数据，以及自定义的useCounter函数。这个函数返回了一个包含count和increment的对象，count用于显示计数，increment是一个函数用于增加计数。在模板中，我们通过绑定点击事件来触发increment函数，并显示count的值。
评论已关闭