VUE3/TS/TSX入门手册指北




<script setup lang="ts">
import { ref } from 'vue';
 
// 定义一个响应式的计数器
const counter = ref(0);
 
// 定义一个函数，用于递增计数器
function increment() {
  counter.value++;
}
</script>
 
<template>
  <button @click="increment">点击我</button>
  <p>计数器值: {{ counter }}</p>
</template>

这个Vue 3组件使用了script setup语法，并结合TypeScript使代码更加类型安全和简洁。它展示了如何使用Vue 3的Composition API中的ref函数来创建响应式数据，并定义了一个函数来修改这个数据。用户点击按钮时会触发increment函数，从而更新计数器显示。这个例子是Vue 3和TypeScript结合学习的入门级示例。

VUE3/TS/TSX入门手册指北

评论已关闭

推荐阅读