Vue + TypeScript 实战
文章平均质量分 81
Vue+TS 项目实战
Yushia-Lin
从来没有长大,但从来都没有停止生长
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue + TypeScript 实战(一)项目搭建
一、环境准备 (1)安装 Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。 下载地址 官网: https://nodejs.org/en/ (一路 next 即可) 安装完可在控制台查看 node、npm 对应版本 node -v npm -v 永久使用淘宝镜像命令: npm config set registry https://registry.npm.taobao.org (原创 2022-04-14 00:01:12 · 4450 阅读 · 0 评论 -
Vue + TypeScript 实战(二)路由详解
一、路由属性配置说明 export default new Router({ mode: 'history', //路由模式,取值为history与hash base: '/', //打包路径,默认为/,可以修改 routes: [ { path: string, //路径 ccomponent: Component; //页面组件 name: string; // 命名路由-路由名称 components: {原创 2022-04-18 16:22:13 · 3153 阅读 · 0 评论 -
Vue + TypeScript 实战(三)vue-router 路由模块化
项目中一般都会分为很多模块,每个模块都是独立的,而且每个模块最好也有自己独立的路由文件,便于项目后期的拓展和维护。配置的路由模块多后,动态加载路由配置就至关重要原创 2022-04-19 10:51:10 · 3322 阅读 · 1 评论 -
Vue + TypeScript 实战(四)路由守卫
highlight: atom-one-dark theme: juejin 1、环境准备 1.1 Node.js (1)下载安装 官网: https://nodejs.org/en/ (双击下载文件,一路 next 即可) 注: 推荐下载最新稳定版 安装完成后分别输入命令 node -v 和 npm -v 查看 node 版本与 npm 版本 C:\Users\Administrator>node -v v12.17.0 C:\Users\Administrator>npm -v 6.1.原创 2022-04-27 09:27:42 · 1921 阅读 · 0 评论 -
Vue + TypeScript 实战(五)全局设置
初始化环境变量文件 JS 配置文件初始化:如是否开启 Mock 数据、加载本地菜单、URL 请求路径等; 国际化文件初始化:初始化国际化文件的结构; 整合 Element UI: 将 Element UI 添加到工程中; 全局样式初始化:初始化全局样式、通用样式。 1、多环境配置 多环境变量是在项目开发·打包·生产时产生的概念,所谓的多环境变量指的就是一个项目适配多种环境。 开发环境:一般是本地开发时所使用的环境,改动很频繁 测试环境:较为稳定的版本,一般用于部署测试 生产环境:发布到线上的版本 1原创 2022-04-29 14:30:53 · 1958 阅读 · 0 评论 -
Vue + TypeScript 实战(六)axios封装
1、安装 yarn add axios 2、 通用功能 正常请求该有的(跨域携带cookie,token,超时设置) 请求响应拦截器 请求成功,业务状态码200,解析result给我,我不想一层一层的去判断拿数据 http请求200, 业务状态码非200,说明逻辑判断这是不成功的,那就全局message提示服务端的报错 http请求非200, 说明http请求都有问题,也全局message提示报错 http请求或者业务状态码401都做注销操作 全局的loading配置, 默认开启,可配置关闭(由于后端的原创 2022-05-17 09:51:01 · 564 阅读 · 0 评论
分享