前端Vue篇之Vue3响应式：Ref和Reactive
<template>
<div>
<h1>{{ count }}</h1>
<button @click="increment">增加</button>
</div>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const count = ref(0)
function increment() {
count.value++
}
return { count, increment }
}
}
</script>这个例子展示了如何在Vue 3中使用ref来创建响应式的基本数据类型，以及如何通过修改.value属性来改变它的值。同时，它提供了一个按钮，用户可以点击该按钮来调用increment函数，从而实现count值的自增操作。这是Vue 3响应式系统的基本使用方法。
评论已关闭