摘要：
//这是没有用ts语法接收的props参数 defineProps({ color: String, size: { type: String, required: false, default: 'middle' }, }) //TS语法 //格式：withDefaults(defineProps 阅读全文
posted @ 2024-06-19 21:01
light丶
阅读(561)
评论(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丶
阅读(438)
评论(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丶
阅读(82)
评论(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丶
阅读(54)
评论(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丶
阅读(92)
评论(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丶
阅读(118)
评论(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丶
阅读(174)
评论(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丶
阅读(12)
评论(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丶
阅读(17)
评论(0)
推荐(0)
摘要：
泛型的使用是如果 一个res接口数组结构，然后还有一个datas接口数组结构 res ={ code: number msg: string data: { } } res ={ code: number msg: string data: { } } 他们的第一层对象都是相同的，但第对象里的dat 阅读全文
posted @ 2024-06-19 19:57
light丶
阅读(14)
评论(0)
推荐(0)
浙公网安备 33010602011771号