ts + vu3 + setup + volar 入门

        TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。是由微软开发的自由和开源的编程语言。在运行的时候，ts编译成JavaScript。

它是一门静态语言，静态语言的特点：

• 强类型
• 遵循ES6
• 编译器严谨的语法检查

        ts默认文件后缀名为 .ts 

在 ts 中的 script 标签：

<script lang="ts" setup>
</script>

数据类型

        JavaScript数据类型：number、string、boolean、null、undifined

        引用类型：数组、对象、function

        typescript：any（任意类型）、void（没有返回值）、interface（接口）

定义变量

字符串

        const str = ref<string>("abc")

        const str = ref("abc") 根据值类型自动判断该类型变量是什么

数字

        const count = ref<number>(10)

        const count = ref(10)

布尔值

        const flag = ref<boolean>(true)

        const flag = ref(true)

函数

        function add(n1:string,n2:number):void{
        }

接口

        定义接口

                interface Iuser = {
                        name:string,
                        age:number|string
                }

        使用接口

                const user = reactive<Iuser>({
                        name:"mumu".
                        age:18
                })

在setup中获取porps

        import {defineProps} from 'vue'

        interface Iprops = {min:number,max:number}   // 定义porps的接口

        const props = defineProps<Iprops>()   // 定义props（父组件传递过来的参数）