ur home

此篇幅主要介绍、我们是如何全局管理及使用工具类相关，如有不足和建议请留言，在此感谢，项目目前阶段还处在少年，一直在迭代一. utils// 注册 自定义工具函数import * as ompUtils from '@/utils/utils'// Register global utils functionsVue.prototype.$ompUtils = ompUtils declare module 'vue/types/vue' { interface Vue { .

此篇幅主要介绍、我们是如何做mixins的公共类封装，如有不足和建议请留言，在此感谢，项目目前阶段还处在少年，一直在迭代由于是saas项目，对于Table的搜索、操作都差不多，于是基于类似的场景抽离了多个mixin类，直接在项目中混入即可Table index.ts/* * @Author: 无招 * @Date: 2020-11-04 09:42:29 * @LastEditTime: 2021-01-05 11:53:14 * @LastEditors: Please set .

此篇幅主要介绍、我们是如何做API接口及常量统一维护，如有不足和建议请留言，在此感谢，项目目前阶段还处在少年，一直在迭代，路由版本目前为v1.0.0讲api之前，先贴一段封装的request.tsimport axios from 'axios';import { removeCookie } from '@/utils/auth'import { Message, MessageBox } from 'element-ui'const service = axios.create({.

此篇幅主要介绍、我们是如何做组件的，如有不足和建议请留言，在此感谢，项目目前阶段还处在少年，一直在迭代，路由版本目前为v1.0.0组件目录结构如图├──components # 组件相关所有文件││──basicCp # 基础组件可延伸││──businessCp # 业务型组件比较固定││──Element ...

此篇幅主要介绍、我们是如何做svg icon的统一管理，如有不足和建议请留言，在此感谢，项目目前阶段还处在少年，一直在迭代目录结构如图svg的文件可以从iconfont下载这里主要介绍下如何配置的1.安装vue-svgiconnpm install vue-svgicon -D2.package.jsonscripts"svg": "vsvg -s ./src/icons/svg -t ./src/icons/components --ext ts --es6...

此篇幅主要介绍、我们是如何做样式的统一管理，如有不足和建议请留言，在此感谢，项目目前阶段还处在少年，一直在迭代，CSS 预处理器的选择Less样式目录结构如图根据命名应该可以了解到每个文件对应的内容这里也介绍下，Vue自动化导入文件 (用于颜色、变量、mixin……)，style-resources-loader的使用1.插件安装方法1：分开安装安装style-resources-loader官方安装及使用文档：https://www.npmjs.com/pac...

此篇幅主要介绍、我是如何做路由的配置和路由常量的抽离，如有不足和建议请留言，在此感谢，项目目前阶段还处在少年，一直在迭代，路由版本目前为v1.0.0路由目录结构如图├──router # 路由相关所有文件││──modules # 以一级菜单命名的模块文件││──_import_xxxx.ts # 开发、生产环境的配置││──common.ts ...

此篇幅主要介绍、我是如何在vue-cli默认目录结构上去定义此项目的目录结构，如有不足和建议请留言，在此感谢如图，就是我们项目的目录结构，对于所有的模块都做了细分，目前业务不是很复杂，单页面应用可以支撑，后续可能会考虑使用微前端重新架构├──public #静态资源││──favicon.ico #favicon图标││──index.ht...

前言vue2.x搭建saas项目系列之一：架构简介 vue2.x搭建saas项目系列之二：项目目录结构介绍 vue2.x搭建saas项目系列之三：router配置相关 vue2.x搭建saas项目系列之四：styles统一管理 vue2.x搭建saas项目系列之五：svg icon的使用 vue2.x搭建saas项目系列之六：component统一注册(目前正在搭建UI组件库，后续会考虑使用npm i ui) vue2.x搭建saas项目系列之七：API接口及常量统一维护 vue2.x搭建