11 2021 档案

摘要:一. 整体架构剖析 1. 目标 该项目架构的搭建,侧重组件的抽取、封装、调用;各个组件的相互通信;侧重于一些核心方案的实现;侧重于vue3+ts+elementPlus+vuex的使用。 忽略项目的UI、忽略一些基本的验证逻辑、忽略一些无关紧要的位置。 2. 核心组件封装 (1). breadcru 阅读全文
posted @ 2021-11-24 13:06 Yaopengfei 阅读(322) 评论(4) 推荐(0) 编辑
摘要:一. vue cli-webpack配置 1. 说明 在vue cli创建的项目中,配置文件为:vue.config.js vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动 阅读全文
posted @ 2021-11-18 17:10 Yaopengfei 阅读(855) 评论(1) 推荐(0) 编辑
摘要:一. 项目创建 1. 搭建步骤 (1). 输入指令【vue create vue3_cms01】,创建项目,进行如下选择。 (2). 选择项目包含的内容,如下图所示,babel、ts、vue-router、vuex、css处理器、Linter都集成进去。 (3). 对集成进去的类库进行选择,如下图: 阅读全文
posted @ 2021-11-17 18:51 Yaopengfei 阅读(1256) 评论(2) 推荐(0) 编辑
摘要:一. ts泛型详解 1. 泛型实现参数化 // 当定义一个函数,不确定参数类型的时候,可以使用泛型 function myPrint<T, M>(obj1: T, obj2: M): void { console.log(obj1); console.log(obj2); } // 调用方式1:明确 阅读全文
posted @ 2021-11-10 10:39 Yaopengfei 阅读(1357) 评论(1) 推荐(0) 编辑
摘要:一. ts类详解 1. 类的定义 class Person { // 属性 name: string age: number // 构造函数 constructor(name: string, age: number) { this.name = name; this.age = age; } // 阅读全文
posted @ 2021-11-09 09:02 Yaopengfei 阅读(515) 评论(0) 推荐(0) 编辑
摘要:一. TypeScript类型补充 1. 类型断言 有时候TypeScript无法获取具体的类型信息,这个我们需要使用类型断言(Type Assertions) ,TypeScript只允许类型断言转换为 更具体 或者 不太具体 的类型版本,此规则可防止不可能的强制转换。 符号:as // 1.类型 阅读全文
posted @ 2021-11-03 14:54 Yaopengfei 阅读(1513) 评论(1) 推荐(0) 编辑
摘要:一. TypeScript变量声明 1. 变量的声明 声明了类型后TypeScript就会进行类型检测,声明的类型可以称之为类型注解。标准格式如下: var/let/const 标识符: 数据类型 = 赋值; 实操: let msg1:string='1234'; //这里小写的string代表的是 阅读全文
posted @ 2021-11-01 17:17 Yaopengfei 阅读(2245) 评论(1) 推荐(0) 编辑