Vue3通透教程Vue3组合API初体验
<script setup lang="ts">
import { ref } from 'vue'
// 使用 ref 创建响应式数据
const count = ref(0)
// 定义一个方法
function increment() {
count.value++
}
</script>
<template>
<button @click="increment">点击我</button>
现在按钮被点击了 {{ count }} 次。
</template>这个例子展示了如何在Vue 3中使用<script setup>和组合式API（Composition API）来创建一个响应式的计数器。ref函数用于创建一个响应式的数据引用，可以通过.value属性访问或者修改其值。increment函数用于增加计数器的值，每次点击按钮时会调用这个函数。
评论已关闭