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