外贸在线网站建站网络营销发展现状与趋势
一. 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>