07 2022 档案

9.泛型
摘要：一、函数中的泛型 基础语法： function 函数名<类型变量名>(参数名: 类型变量名): 类型变量名 { return 返回值; } 函数名<数据类型>(参数) 当函数调用时，<数据类型> 中的数据类型会传递到函数的“类型变量名”身上。 示例代码： function foo<T>(x: T): 阅读全文
posted @ 2022-07-27 10:32 Simon9527 阅读(60) 评论(0) 推荐(0)
8.class 类
摘要：一、基础语法 class 类名 { } 二、类的属性 基础语法： class 类名 { 属性名: 数据类型 = 属性值; contructor(形参名: 数据类型) { this.属性名 = 属性值; } } 代码示例： interface State { name: string; age: nu 阅读全文
posted @ 2022-07-27 10:31 Simon9527 阅读(40) 评论(0) 推荐(0)
7.接口和函数
摘要：接口和函数 一、约束函数参数类型 interface Person { name: string; age: number; } function foo(student: Person) { } foo({ name: '张三', age: 20 }) 二、约束函数返回值类型 interface 阅读全文
posted @ 2022-07-27 10:30 Simon9527 阅读(72) 评论(0) 推荐(0)
6.接口和对象
摘要：在 TS 中，关于对象属性的类型约束，会比较繁琐，例如： const student: { name: string, age: number, gender: string } = { name: '张三', age: 20, gender: '男' }; const teacher: { nam 阅读全文
posted @ 2022-07-27 10:28 Simon9527 阅读(75) 评论(0) 推荐(0)
5.《联合类型和类型别名》
摘要：一、联合类型 联合类型，指的就是我们可以将多个数据类型通过 | 联合成一个整体。类似于 JS 中 || 运算符的作用。 基础语法： 变量名: 类型一 | 类型二 | 类型三 变量的值只要满足联合类型中的其中一个类型即可。 代码案例 示例代码： let a: string | number = 20; 阅读全文
posted @ 2022-07-27 10:27 Simon9527 阅读(77) 评论(0) 推荐(0)
4.《类型断言》
摘要：有些时候我们会遇到一种情况，我们开发者比 TS 更清楚某一个数据的信息。 例如某一条数据 TS 检测出来该数据的类型可能会有问题，但是我们作为开发者，我们确定当前数据的类型，然后我们就可以通过断言的方式，告诉 TS：相信我，我知道自己在干什么。 一、基础语法 类型断言有两种语法：<> 和 as。基础 阅读全文
posted @ 2022-07-27 10:25 Simon9527 阅读(70) 评论(0) 推荐(0)
3.函数
摘要：函数 一、基础语法 JS 中创建函数分为两种方式：函数声明、函数表达式。 1、函数声明 在 JS 中函数声明的语法如下： function 函数名(形参名) { return 返回值; } 在 TS 中函数声明的语法如下： function 函数名(形参名: 数据类型): 返回值类型 { retur 阅读全文
posted @ 2022-07-27 10:23 Simon9527 阅读(68) 评论(0) 推荐(0)
2.TS 的数据类型
摘要：一、定义变量 TS 中创建变量有四个要素： 定义变量的关键字：var、let、const 变量名 变量的数据类型 变量的初始值 语法结构如下： let 变量名: 数据类型 = 初始值 注意，变量的初始值必须是当前定义的数据类型。 例如： let a: number = 10; 二、TS 的数据类型 阅读全文
posted @ 2022-07-27 10:22 Simon9527 阅读(1130) 评论(0) 推荐(0)
vue 动态路由添加的问题
摘要：vue3中在router/index.js中 import { createRouter, createWebHistory } from 'vue-router'; import store from 'store' const userRule = { path: 'user', compone 阅读全文
posted @ 2022-07-21 15:35 Simon9527 阅读(339) 评论(0) 推荐(0)
vue v-model的原理
摘要：关于v-model v-model 可以实现表单与data里的双向绑定 很多插件上可以在组件上使用v-model，他是如何实现的呢,其实v-model就是一个语法糖 <input v-model="something"> //上面的就等同於下面的,也就是说，你只需要在组件中声明一个name为valu 阅读全文
posted @ 2022-07-20 16:19 Simon9527 阅读(207) 评论(0) 推荐(0)
关于elementui 面包屑设置
摘要：后台管理面包屑 新建组件 <template> <el-breadcrumb separator-class="el-icon-arrow-right"> <template v-for="item in list"> <el-breadcrumb-item v-if="item.path" :to 阅读全文
posted @ 2022-07-16 20:16 Simon9527 阅读(587) 评论(0) 推荐(0)
Token过期导致页面多个请求报错提示多次
摘要：关于Token过期导致页面多个请求报错提示的问题 我们先在全局定义一个变量（global.js）来控制token是否过期 export default { // token无效标记 TokenInvalidFlag:false } 在路由拦截器里引入变量来判断是否过期进行判断 //request.j 阅读全文
posted @ 2022-07-14 15:34 Simon9527 阅读(743) 评论(0) 推荐(0)
elmentui 表单验证问题
摘要：<template> <div class="container"> <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px"> <el-form-item label="礼包名称" prop="name 阅读全文
posted @ 2022-07-10 15:09 Simon9527 阅读(87) 评论(0) 推荐(0)
provide \ inject使用方法
摘要：provide \ inject vue2中 在祖先组件中 //这里的provide是一个对象，或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西，也就是属性和属性值。 export default{ provide() { return { scrollToTop: this.scrollT 阅读全文
posted @ 2022-07-05 15:41 Simon9527 阅读(132) 评论(0) 推荐(0)
elementui plus安装步骤
摘要：安装 Element Plus# $ npm install element-plus --save 1、按需导入# 您需要使用额外的插件来导入要使用的组件。 2、自动导入推荐# 首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件 n 阅读全文
posted @ 2022-07-01 16:50 Simon9527 阅读(2051) 评论(0) 推荐(0)