摘要: 在 TS 中,关于对象属性的类型约束,会比较繁琐,例如: const student: { name: string, age: number, gender: string } = { name: '张三', age: 20, gender: '男' }; const teacher: { nam 阅读全文
posted @ 2022-07-27 10:28 Simon9527 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 一、联合类型 联合类型,指的就是我们可以将多个数据类型通过 | 联合成一个整体。类似于 JS 中 || 运算符的作用。 基础语法: 变量名: 类型一 | 类型二 | 类型三 变量的值只要满足联合类型中的其中一个类型即可。 代码案例 示例代码: let a: string | number = 20; 阅读全文
posted @ 2022-07-27 10:27 Simon9527 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 有些时候我们会遇到一种情况,我们开发者比 TS 更清楚某一个数据的信息。 例如某一条数据 TS 检测出来该数据的类型可能会有问题,但是我们作为开发者,我们确定当前数据的类型,然后我们就可以通过断言的方式,告诉 TS:相信我,我知道自己在干什么。 一、基础语法 类型断言有两种语法:<> 和 as。基础 阅读全文
posted @ 2022-07-27 10:25 Simon9527 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 函数 一、基础语法 JS 中创建函数分为两种方式:函数声明、函数表达式。 1、函数声明 在 JS 中函数声明的语法如下: function 函数名(形参名) { return 返回值; } 在 TS 中函数声明的语法如下: function 函数名(形参名: 数据类型): 返回值类型 { retur 阅读全文
posted @ 2022-07-27 10:23 Simon9527 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 一、定义变量 TS 中创建变量有四个要素: 定义变量的关键字:var、let、const 变量名 变量的数据类型 变量的初始值 语法结构如下: let 变量名: 数据类型 = 初始值 注意,变量的初始值必须是当前定义的数据类型。 例如: let a: number = 10; 二、TS 的数据类型 阅读全文
posted @ 2022-07-27 10:22 Simon9527 阅读(973) 评论(0) 推荐(0) 编辑
摘要: 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 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 关于v-model v-model 可以实现表单与data里的双向绑定 很多插件上可以在组件上使用v-model,他是如何实现的呢,其实v-model就是一个语法糖 <input v-model="something"> //上面的就等同於下面的,也就是说,你只需要在组件中声明一个name为valu 阅读全文
posted @ 2022-07-20 16:19 Simon9527 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 后台管理面包屑 新建组件 <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 阅读(548) 评论(0) 推荐(0) 编辑
摘要: 关于Token过期导致页面多个请求报错提示的问题 我们先在全局定义一个变量(global.js)来控制token是否过期 export default { // token无效标记 TokenInvalidFlag:false } 在路由拦截器里引入变量来判断是否过期进行判断 //request.j 阅读全文
posted @ 2022-07-14 15:34 Simon9527 阅读(641) 评论(0) 推荐(0) 编辑
摘要: <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 阅读(50) 评论(0) 推荐(0) 编辑