随笔分类 - ts学习
摘要：//格式：defineEmits<{(e:事件名,val:数据类型):void}>() const emit = defineEmits<{ (e: 'get-msg', val: string): void, (e: 'say-hello', num: number): void }>() con
阅读全文
摘要：//这是没有用ts语法接收的props参数 defineProps({ color: String, size: { type: String, required: false, default: 'middle' }, }) //TS语法 //格式：withDefaults(defineProps
阅读全文
摘要：//语法结构：computed<返回值的类型>() 列子 //定义数据 const cuont = ref(0) type Item = { id: string name: string price: number } const list = ref<Item[]>([{ id: '1001',
阅读全文
摘要：html <div ref="divRef"> </div> <button @click="sethtml"></button> js //非空断言 :我们比ts更加清楚数据不是空值 const divRef = ref<HTMLDivElement | null>(null) const set
阅读全文
摘要：html <input type="text" @change="changeInput"> <p @click="showInfo(33)">点击输出33</p> <button @click="logInfo">点击</button> js //给形参定义类型event const change
阅读全文
摘要：子组件 <script setup lang="ts"> import { ref, defineExpose } from 'vue'; const num = ref<number>(10) defineExpose({ num,//把值暴露出去,父级可以通过ref获取 }) </script>
阅读全文
摘要：1 使用默认类型 const person = reactive({ name: 'zs', age: 20 }) console.log(person.name); 2 使用泛型 type GoodType = { name: string id: number price: number pic
阅读全文
摘要：1使用默认类型 const str = ref("") str.value = 'tom 2 //使用泛型 const num = ref<number>() num.value = 20 type GoodType = { id: string name: string price: number
阅读全文
摘要：通过extends来实现继承 // 泛型约束 type Objlenth = { length: number } // 通过接口继承 来实现泛型的约束 function logLen<T extends Objlenth>(obj: T) { console.log(obj.length); }
阅读全文
摘要：原来函数类型是这样声明的 //普通类型声明 function add(a:number,b:number):number{ } //箭头类型声明 type add =(x:number,s:number)=>number //现在加上泛型函数声明是这样的 //普通泛型类型声明 function ad
阅读全文
摘要：泛型的使用是如果 一个res接口数组结构，然后还有一个datas接口数组结构 res ={ code: number msg: string data: { } } res ={ code: number msg: string data: { } } 他们的第一层对象都是相同的，但第对象里的dat
阅读全文
摘要：类型断言就是，如果我们比ts更加清楚这个值 的类型就需要手动去添加类型，本质是指定更加具体的类型 例子： let link =document.getElementById('link') //这时候，他默认的类型是 HTMLElement，但他不是a标签的类型 这时候我们通过link.href是错
阅读全文
摘要：类型默认就是： let age= 20 //这样就是类型默认，他会自动给你的值判断为number类型 获取某个div标签的时候也是 let div= document.createElement('div') //他会自动把div这个变量值的类型设置为 HTMLDivElement 类型 any类型
阅读全文
摘要：type a1=1 | 0 let p:a1 = 1 p = 'string'//错误 对象里面也同样适用 type resType = { code: 1001 | 1002 | 1003 //数字字面量联合类型 msg: string } const res = { code: 1001, ms
阅读全文
摘要：对象类型继承两个方法 一个用type 一个用interface type方法： type Person ={ id:number } type GoodType = Person &{ name:string } let p:GoodType ={ id:1 name:'你好' } interfac
阅读全文
摘要：有两种方法 一个是用type，一个是用interface type用法： //type 别名= { // 属性名：类型 // 属性名n:类型n //} //let 变量名：别名={ // 属性名：值 // 属性名n:值n //} type objType ={ name:string age:num
阅读全文
摘要：语法： // function(形参：类型，形参n:类型n....):返回值类型{ // return 内容 // } 例子： function add(a:number,b:number):number{ return a+b } let res =add(1,2) let res =add(1,
阅读全文
摘要：语法： type 别名=类型 let 变量：别名=值 type TypeItem =string | number let x:TypeItem x=11 x='你好' type arrType =string left arr:arrType =['哈’，’哈‘] type arrsType =A
阅读全文
摘要：有两种方法 语法1：let 变量名：类型[] 或 let 变量名：（类型 | 类型）[] 语法2：let 变量名：Array<类型> 或 let 变量名：Array<类型 | 类型> 方法一： let arr1:string[] arr1=['1','2','3'] 或 let arr1:（stri
阅读全文
摘要：语法：let 变量：类型 let msg:string msg ='hello ts' msg =200 // 错误或let msg:(string | number)msg ='hello ts'msg =200
阅读全文
浙公网安备 33010602011771号