摘要: 1. typeof 1.1 判断类型 typeof关键字可以用于判断变量的类型,如:"string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function"。 类型保护是可执行运行时检查的一 阅读全文
posted @ 2023-04-19 09:36 青柠i 阅读(2) 评论(0) 推荐(0) 编辑
摘要: Element-plus中使用Loading,样式丢失 背景: Vue3 + Element-Plus,使用了按需导入。 import { ElLoading } from 'element-plus'; ElLoading.service({ lock: true, text: '正在卖力加载中. 阅读全文
posted @ 2023-01-13 09:53 青柠i 阅读(834) 评论(2) 推荐(0) 编辑
摘要: 背景 使用TS封装axios,在请求拦截器里添加**Authorization**携带Token: config.headers.Authorization = `Bearer ${token}` TS报错: axios版本:1.2.2 解决 1.2.2版本的AxiosHeaders中有这样一个方法 阅读全文
posted @ 2023-01-12 12:01 青柠i 阅读(368) 评论(0) 推荐(0) 编辑
摘要: 1. 代码规范 统一代码格式,便于Git版本管理。 .editorConfig,统一不同编辑器、操作系统的编码风格 Prettier,统一项目代码的格式化 ESlint,统一检查代码是否规范 1.1 .editorConfig配置 🌟 EditorConfig 有助于维护跨多个编辑器和IDE从事同 阅读全文
posted @ 2023-01-09 19:16 青柠i 阅读(24) 评论(0) 推荐(0) 编辑
摘要: TypeScript 是拥有类型的JavaScript超集,它可以被编译成普通、干净、完整的JavaScript代码。 一、起步 1. TypeScripts的编译环境 1.1 安装 # 全局安装 npm install typescript -g 安装好后, # 查看版本 tsc --versio 阅读全文
posted @ 2023-01-05 15:19 青柠i 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 有 Vue2 的基础,笔记只记载之前不熟悉的知识 一、Vue 基本知识 1. Vue3 基本指令 1.1 v-pre v-pre用于跳过元素和它的子元素的编译过程,显示原始的Mustache标签: 跳过不需要编译的节点,加快编译的速度; <template> <div> <div v-pre>{{m 阅读全文
posted @ 2022-12-28 18:23 青柠i 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 记录下更换电脑后环境的搭建、相应的开发工具的下载和配置、npm工具包等 1. node环境 Node官网 Node中文官网 1.1 选择版本 总共有两个版本:长期维护版本/稳定版,最新版/尝鲜版。 一般可以直接下载LTS稳定版。 如果想下载其他版本,可点击页面上的DOWNLOADS,在页面选择Pre 阅读全文
posted @ 2022-12-28 18:19 青柠i 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 1. 系统设置 1.1 自动保存设置 1.2 模板代码 可根据自己需要设置相应的模板代码 1.3 prettier Prettier一般不需自己配置,当在文件中鼠标右键无Reformat with Prettier时可手动指定Prettier的文件位置,并且添加file文件类型。 1.4 Eslin 阅读全文
posted @ 2022-12-28 18:15 青柠i 阅读(40) 评论(0) 推荐(0) 编辑
摘要: Pinia 最初是在 2019 年 11 月左右重新设计使用Composition API。从那时起,最初的原则仍然相同,但 Pinia 对 Vue 2 和 Vue 3 都有效,并且不需要您使用组合 API。 Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。 一、介绍 1.Pinia 阅读全文
posted @ 2022-11-01 20:40 青柠i 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 1. 定义 404 路由 当URL地址上的路径不能匹配到对应的路由时,可设置404路由界面。 router/index.js // router/index.js import { createRouter, createWebHashHistory } from 'vue-router'; imp 阅读全文
posted @ 2022-11-01 11:40 青柠i 阅读(78) 评论(0) 推荐(0) 编辑