light丶

2024年6月19日

摘要： 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)

2024年6月14日

对象类型注解

摘要：有两种方法一个是用type，一个是用interface type用法： //type 别名= { // 属性名：类型 // 属性名n:类型n //} //let 变量名：别名={ // 属性名：值 // 属性名n:值n //} type objType ={ name:string age:num 阅读全文

posted @ 2024-06-14 21:54 light丶阅读(11) 评论(0) 推荐(0)

ts函数组注解

摘要：语法： // function(形参：类型，形参n:类型n....):返回值类型{ // return 内容 // } 例子： function add(a:number,b:number):number{ return a+b } let res =add(1,2) let res =add(1, 阅读全文

posted @ 2024-06-14 21:32 light丶阅读(33) 评论(0) 推荐(0)

ts类型别名

摘要：语法： type 别名=类型 let 变量：别名=值 type TypeItem =string | number let x:TypeItem x=11 x='你好' type arrType =string left arr:arrType =['哈’，’哈‘] type arrsType =A 阅读全文

posted @ 2024-06-14 21:19 light丶阅读(25) 评论(0) 推荐(0)

ts数组类型注解

摘要：有两种方法语法1：let 变量名：类型[] 或 let 变量名：（类型 | 类型）[] 语法2：let 变量名：Array<类型> 或 let 变量名：Array<类型 | 类型> 方法一： let arr1:string[] arr1=['1','2','3'] 或 let arr1:（stri 阅读全文

posted @ 2024-06-14 21:08 light丶阅读(30) 评论(0) 推荐(0)

ts的常量类型注解

摘要：语法：let 变量：类型 let msg:string msg ='hello ts' msg =200 // 错误或let msg:(string | number)msg ='hello ts'msg =200 阅读全文

posted @ 2024-06-14 21:01 light丶阅读(25) 评论(0) 推荐(0)

2024年5月15日

创建vue3+ts

摘要：打开cmd命令输入 npm create vite@latest 项目名称 -- --template vue-ts 说明： 1. npm create vite@latest 基本最新版本的vite进行项目创建 2. vue-ts-pro 项目名称 3. -- --template vue-ts 阅读全文

posted @ 2024-05-15 16:15 light丶阅读(36) 评论(0) 推荐(0)

2024年5月14日

若依更换左侧菜单图标svg（svg无法以更换颜色的方法）

摘要：自己在网上搜索了一上还没有看到，所以自己想了个比较的笨的方法，暂时还没有想到什么好的方法一个是没有上色的svg一个是上了色的svg 然后我们在系统菜单设置图标的时候选择没有上色的图标在这个文件夹下写一入elm的事件 data() { return { paths: '' } }, mount 阅读全文

posted @ 2024-05-14 11:13 light丶阅读(787) 评论(0) 推荐(0)

2024年3月14日

vue2播放音频组件mp3

摘要：贴代码直接使用，配合了el-slider组件完成效果图：父组件 data(){ return{ queryParams{ visitTapesList:[{url:'xxxxxx'},{url:'xxxxxx'},{url:'xxxxxx'}] } } } <Audio v-for="(item 阅读全文

posted @ 2024-03-14 09:32 light丶阅读(1000) 评论(0) 推荐(0)

公告