tpyescript
逆风优雅
这个作者很懒,什么都没留下…
展开
-
vue3 elementPlus axios请求配置(全局提示,接口请求动画)
【代码】vue3 elementPlus axios请求配置(全局提示,接口请求动画)原创 2023-06-15 15:52:20 · 754 阅读 · 0 评论 -
vue3 antdVue axios请求配置(全局提示,配合antd自带的加载动画实现请求动画)
此请求配置结核 pinia 使用 antdVue 中的message和loading 实现接口请求时 展示加载动画,接口请求失败后,全局提示错误信息。App.vue页面最外层包裹 antd加载动画,通过pinia控制是否展示加载动画。status配置代码。原创 2023-06-15 15:52:09 · 1326 阅读 · 0 评论 -
vue3 vite 引入路由后代码报红解决方法
如图:正常引入页面路由,路径也是正确的,但是路径有报红。原因是:当前指明路径正则有问题的文件是。原创 2023-06-01 09:58:23 · 1627 阅读 · 2 评论 -
vue3 使用class 定义ts数据类型
vue3 ts 数据类型原创 2023-02-01 16:08:38 · 1239 阅读 · 0 评论 -
vue3+ts 创建一个公共组件
案例:iconPark图标创建公共组件。原创 2023-01-09 11:17:02 · 734 阅读 · 0 评论 -
vue IconPark 图标 的使用
IconPark 引入的图标是一个组件,所以使用的时候:通过vue中的内置组件component,配合is,来展示不同的图标。其中的花括号中的 内容为:图标库中的图标的名字。原创 2023-01-09 11:06:25 · 1796 阅读 · 0 评论 -
TS 定义数据格式
【代码】TS 定义数据格式。原创 2023-01-06 16:33:05 · 417 阅读 · 0 评论 -
TS类的只读属性
class Person { constructor(public name:string){} //公共的值name}const name1 = new Person('李白') //实例化,并且赋值name1.name = '李白白' //更改name的值console.log(name1.name);上面的这个类中,我们是可以对name的值进行更改的。// 只读属性class Person { public readonly namee: string //定义抽.原创 2022-01-05 15:48:09 · 1451 阅读 · 0 评论 -
TS中的抽象类的用法
// 抽象类:abstract class Xiaojiejie { //定义一个抽象的xiaojiejie的类 abstract Skill() //一个抽象的方法}// 继承抽象的类,只要继承抽象的类,就要明确这个抽象的方法class Waiter extends Xiaojiejie { //Waiter这个类继承了,Xiaojiejie这个抽象的类,所有要在这个类中,明确抽象类中的方法 Skill(){ console.log('服务生'); }}.原创 2022-01-05 15:45:22 · 392 阅读 · 0 评论 -
TS中类的getter setter 和 Static
类的get 和 set/* class XiaoJieJie{ constructor(private age:number){} //因为此时是private,只在类的内部可以使用}const Dajiao = new XiaoJieJie(18)console.log(Dajiao.age); //所以此时在外面使用的话会报错 */class XiaoJieJie{ constructor(private age:number){}//因为此时是private,只在类的.原创 2021-12-29 16:52:48 · 1482 阅读 · 0 评论 -
TS类中的构造函数中super的用法
// 类的构造函数// class Person {// public name: string;// constructor(name: string) { //定义一个构造函数// this.name = name// }// }// 上面类的简单写法class Person { constructor(public name: string) { }}class Teacher extends Person{ //Teacher类继.原创 2021-12-29 15:59:16 · 2770 阅读 · 0 评论 -
TS中类的访问类型
// 类的访问类型:public private protected// public 允许在类的内外被调用,如果类中没有强调默认是允许在类内外部调用// private 允许在类内部被使用// protected 允许在类内以及在继承的子类中使用// 所谓类的内部和类的外部表示的就是:在这个类的大括号的外面还是里面// publicclass Person { constructor(){ name:'李白' } public name?: strin.原创 2021-12-29 15:33:05 · 655 阅读 · 0 评论 -
TS中类的继承和类的重写
// 定义一个类class Lady { content='hi,body' sayHi(){ //定义一个方法,返回这个类中的content return this.content } sayHi1(){ //定义一个方法,返回这个类中的content return this.content }}const a = new Lady() //实例化这个类console.log(a.sayHi()); //打印我们创建的这个类.原创 2021-12-29 14:08:45 · 4137 阅读 · 0 评论 -
TS中interface接口的简单用法
// interface的使用interface Gril { //定义Gril的类型 name: string; age: number; bust: number; hobby?: string}// hobby?: string 表示的是 这个这个值 可以有也可以没有const gril1 = { name: '李焕英', age: 15, bust: 90}const gril2 = { name: '刘悦', .原创 2021-12-28 19:11:05 · 8676 阅读 · 0 评论 -
TS静态数据类型之数组返回类型的注解
// 数组 类型注解的方法const numberArr: number[] = [1, 2, 3] //数字类型的数组const stringArr: string[] = ['小米', '大豆', '花生'] //字符串类型的数组const undefinedArr: undefined[] = [undefined, undefined, undefined] //undefined类型的数组,这个数组中的每一项都要是undefinedconst arrayArr: (number | st.原创 2021-12-28 18:04:06 · 1220 阅读 · 0 评论 -
TS静态数据类型之函数参数和返回类型的注解
// 函数的返回值的类型,如果不知道返回值是什么类型的时候,就用void ,void表示无// void的用法function sayHello() :void { console.log('Hello,world');}// never的用法function errorFunction() :never { throw new Error() //抛出一个异常,它下面的代码就不再执行 console.log('hello,world');}function for.原创 2021-12-28 17:43:43 · 994 阅读 · 0 评论 -
TS 静态数据类型
当我们给数据定义好数据类型的时候,那么他的数据类型就不能在改变了。// 静态类型let count:number = 1; //定义count为number类型,那么以后count就只是number类型count = 9// 因为现在定义了count,又因为现在是number类型,所以当我们打出 count. 的时候,就会提示我们number类型的一些相关属性...原创 2021-12-28 15:50:22 · 627 阅读 · 0 评论 -
TS的使用之简单编译
书写一个ts文件使用这个ts文件(转译成js文件使用)原创 2021-12-28 15:02:24 · 733 阅读 · 0 评论 -
TS的安装以及检测是否安装成功 以及安装出错的处理
首先安装node.js然后通过npm全局安装 ts npm install typescript -g检测时候安装成功 : tsc -v如果安装出错详见这个链接原创 2021-12-28 14:58:06 · 1603 阅读 · 0 评论 -
TS中的类的写法
在JS中我们批量创建类的写法:TS中我们创建类的写法:小案例:原创 2021-12-13 17:13:59 · 1031 阅读 · 0 评论 -
TypeScript函数
一、TS函数返回值TS函数必须要有返回值,如果在TS函数中没有返回值的话,那么我们可以用void来接收返回的类型。二、TS函数形参类型小案例:原创 2021-12-08 14:11:12 · 3748 阅读 · 0 评论 -
TS数据类型
5 数组(需要声明时指定数组中元素的类型)数组的两种写法:let arrAge:number[ ] = [ 18, 19,20] //表示的是数值型的数组6. 元组概念:就是一个规定了元素数量和每个元素类型的“数组”。而每个元素的类型,可以不相同元组的语法:访问元组中的元素和长度的方法和js是一样的7. 枚举语法为:如果枚举中没有枚举值:注意:枚举项一般用英文和数字,而枚举值用整型数字小案例:8. a...原创 2021-12-03 18:24:42 · 139 阅读 · 0 评论 -
TS 变量
在TS中,为变量指定了类型,就只能给这个变量设置相同类型的值原创 2021-12-03 17:21:13 · 332 阅读 · 0 评论 -
如何简单的使用typescript
首先新建一个ts后缀名的文件。然后通过命令编译成js文件用的时候,只需要引入编译好的js文件即可。原创 2021-12-03 16:36:52 · 804 阅读 · 0 评论