Vue 3.0前的 TypeScript 最佳入门实践
// 定义一个简单的Vue组件
<template>
<div>{{ greeting }}</div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
export default defineComponent({
name: 'HelloWorld',
setup() {
// 响应式数据
const greeting = ref('Hello, Vue 3!');
// 返回响应式数据供模板使用
return { greeting };
}
});
</script>这个简单的Vue 3.0组件示例展示了如何使用TypeScript书写Vue组件。它使用了<script lang="ts">来指定TypeScript作为脚本的语言。defineComponent函数用于定义组件，并通过setup函数返回响应式数据。这是学习Vue 3.0和TypeScript结合使用的一个很好的起点。
评论已关闭