TS介绍:
始于JavaScript,归于JavaScript
TypeScript可以编译出纯净、 简洁的JavaScript代码,并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3(或更高版本)的JavaScript引擎中。
强大的工具构建 大型应用程序
类型允许JavaScript开发者在开发JavaScript应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构。
ts是由微软推出的
运行的时候,ts 编译成javascript,它是静态类型的语言具有:强类型,遵循ES6,编译器严谨的语法检查
定义变量:
字符串:
1.const str = ref<string>("abc")
2.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{
}
接口 :
1.定义接口
interface Iuser = {
name:string,
age:number|string
}
2.const user = reactive<Iuser>({
name:"mumu",
age:18
})
在setup中获取props:
1.import{defineProps} from 'vue'
2.intervace Iprops = {min:number,max:number}
3.const props =defineProps<Iprops>()