Vue3 响应式

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>

暴露的方法通常会被用作事件监听器：