reactive声明响应式状态
我们可以使用 reactive() 函数创建一个响应式对象或数组:
<script setup>
import { reactive } from 'vue'
const state = reactive({ count: 0 })
</script>
在组件模板中使用响应式状态。
<template>
<div>{
{ state.count }}</div>
</template>
自然,我们也可以在同一个作用域下定义一个更新响应式状态的函数:
<script setup>
import { reactive } from 'vue'
const state = reactive({ count: 0 })
function increment() {
state.count++
}
</script>
暴露的方法通常会被用作事件监听器: