Vue3 + ts的使用

一. IDE的配置

1. VSCode 插件安装搜索@builtin typescript

2. 点击“TypeScript and JavaScript Language Features”右下角的小齿轮，然后选择“Disable (Workspace)”

3. 重新加载工作空间。Takeover 模式将会在你打开一个 Vue 或者 TS 文件时自动启用。

二. 依赖的安装

vue add typescript

三. 使用语法

1.不加setup的用法

<template><div>{{ count.toFixed(2) }}</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({data() {return {count: 1}}
})
</script>

2.加setup的用法

<template><div>{{ (x as Number).toFixed(2) }}</div>
</template>
<script setup lang="ts">
let x: String | Number = 1
</script>