随笔分类 - vue+ts+vite
炼丹笔记
摘要：直接贴出vite.config.ts 的配置 plugins:[ vue(), AutoImport({ imports: ['vue', 'vue-router'], // 自动导入vue和vue-router resolvers:[ AntDesignVueResolver(), // 自动导入
阅读全文
摘要：export enum Roles{ SuperAdmin='超级管理员', Admin='管理员', Other='其它', ... } 首先看一个基本的枚举类的定义，是的，做过后端的道友一看就知，在我们实际开发里，枚举一直是比较常用的类型，但是如何在TS里拿到枚举的值，就需要额外的学习一下了。
阅读全文
摘要：1.先来回忆下路由的代码段 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router' const routes:Array<RouteRecordRaw>=[ { path:'/', name:'H
阅读全文
摘要：概要：因axios自定义封装在了独立的ts文件里，无法像Element-plus的loading的使用那样，在独立的ts文件里引入使用，所以改用基于pinia的store 和 a-spin 指令实现。封装的axios只控制一个可变量，显示 || 影藏。 1.在store 目录下新建一个loading
阅读全文
摘要：编程尽头谁为峰，一遇AI道成空。 1.Element-plus确实很优秀，但尽管这么优秀，我还是想一领ant-design的风采。 // 安装ant-design-vue npm install ant-design-vue --save 2.在main.ts里引入相关样式等 import Antd
阅读全文
摘要：#安装pinia npm install pinia #安装持久化插件 npm install pinia-plugin-persist 1.接下来修改我们的main.ts import { createPinia } from "pinia"; // pinia 数据持久化 import pini
阅读全文
摘要：// 安装axios npm install axios 和第三方js-cookie、qs 。懂的都懂。 由于很多业务复杂，后端被拆分成多个微服务，所以axios必须来一层简单的封装。下面贴出整个request.ts 脚本在types目录下，新建axios.d.ts ,内容如下 import { A
阅读全文
摘要：书接上回，了解到了Class和interface的搭配使用，接下来实现一个分页的Class 再看在页面中的使用 页面中执行的效果，此处扩展了一个extraParms ,因为我们的列表页一般会有很多扩展的查询条件，可以放在此处，当条件改变后，会再执行回调函数
阅读全文
摘要：作为写了七年的C#老牌程序员，在看到TypeSciprt之后，隐约有那么一丝熟悉，顺着这份直觉，一探究竟，果然！！！微软出品，必须精品。 TypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。 首先，得明确下， x.d.ts 和 x.ts 的区别 ，看上去一脸懵逼，这两种文件到底有什么区
阅读全文
摘要：1.创建router目录，创建index.ts // 安装vue router npm install vue-router --save 2.在views下新建2个文件，一个index.vue,一个about.vue,建好文件之后我们来编写router下的index.ts import { cre
阅读全文
摘要：前言： 作为一个写了七年的C#，半年PHP，三年的vue+两年的Java程序员，多少有点不伦不类，无奈，性格如此，小孩子才做选择，我全都想要☺， 相信现如今的形势下，有着和我相同经历的道友不在少数，革命一块砖，哪里需要哪里搬，有人说贪多嚼不烂，也有人说艺多不压身，至于能达到何种高度，想必都在个人投入
阅读全文
