ts介绍:
typescript是微软开发的一门编程语言,它是javascrip的一个超集,它遵循最新的es6脚本语言规范,typescript扩展了javascript的语法,任何已经存在的javascipt程序可以不经任何改动的在typescript环境下运行
特点:
1.强类型
2.遵循ES6
3.编译器严谨的语法检查
vue,react,angular,小程序都推荐用ts
ts默认文件后缀名.ts
Vue3+TS+setup+volar
<script lang="ts" setup>
定义变量
字符串
const str = ref<string>("abc")
const str = ref("abc")
根据值类型自动判断改类型变量是什么
数字
const count = ref<number>(10)
const count = ref(10)
布尔值
const flag = ref<boolen>(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中获取props
import{defineProps} from 'vue'
intervace Iprops = {min:number,max:number}
const props =defineProps<Iprops>()