Vue 3.0 TypeScript支持
<template>
<div>{{ message }}</div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
export default defineComponent({
name: 'HelloWorld',
setup() {
const message = ref('Hello, Vue 3!');
return { message };
}
});
</script>
这个例子展示了如何在Vue 3.0中使用TypeScript并定义一个简单的组件,该组件在模板中显示一条欢迎信息。它使用了Vue 3.0的Composition API中的ref
函数来创建响应式数据。这个例子简单明了地展示了如何将TypeScript引入Vue 3.0项目中。
评论已关闭