Setting props with propsData Creating the component The First Test A Second Test Refactoring the tests Refactor with a Factory Function Conclusion This book is written for ...

和服务端进行交互 前端请求流程 request.js 一个请求文章列表页的例子： 从 mock 直接切换到服务端请求 和服务端进行交互 前端请求流程 在 vue-element-admin 中，一个完整的前端 UI 交互到服务端处理流程是这样的： UI 组件交互操作； 调用统一管理的 api service 请求函数； 使用封装的 ...

国际化 全局 lang 异步 lang js 中使用 $t 移除国际化 国际化 本项目集合了国际化 i18n 方案。通过 vue-i18n 而实现。 由于本项目 ui 框架使用了element ，所以国际化的同时也要将其国际化。完整代码 。同时将当前 lang 语言存在 cookie 之中，为了下次打开页面能记住上次的语言设置。 全...

介绍 AMS 是什么 快速起步 安装 方式一：通过npm安装（依赖node环境） 方式二：直接用 script 引入 使用 第一步，注册资源 第二步，注册区块 第三步，渲染区块 介绍 AMS 是什么 AMS 是 Admin Materials System 的首字母缩写，意为管理后台物料系统，是通过类JSON配置的形式来快速搭...

权限验证 逻辑修改 指令权限 权限验证 在 手摸手，带你用 vue 撸后台 系列二(登录权限篇) 这篇文章中其实已经详细介绍过了。 该项目中权限的实现方式是：通过获取当前用户的权限去比对路由表，生成当前用户具的权限可访问的路由表，通过 router.addRoutes 动态挂载到 router 上。 但其实很多公司的业务逻辑可能不是这样...

路由懒加载 区分开发与生产环境 [该方案已淘汰] 淘汰原因 新方案 改进 路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合 Vue 的异步组件 和 Webpack 的代码分割功能 ，轻松实现路由组...

更换主题 样式覆盖 动态换肤 element-ui 官方文档页面 换肤方式 多套主题换肤 使用 更换主题 本项目基于 element-ui 默认视觉风格搭建了。如果对视觉风格有额外的要求可以按照官方自定义主题指导 。该方案是通过样式变量覆盖的方式。 样式覆盖 element-ui 的通用样式变量可能无法满足所有定制需求，你可以通过覆盖...

Mock Data Swagger Easy-Mock Mockjs 本地 Mock 与线上切换 Mock Data Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发独立自主，不会被服务端的开发所阻塞。 Swagger 我司项目中通常使用 sw...

Webpack 指南 Webpack 指南 这里分享 webpack 三部曲，基本看完也算入门 webpack 配置工程师这个领域了。 webpack 4 和单页应用入门 手摸手，带你用合理的姿势使用 webpack4（上） 手摸手，带你用合理的姿势使用 webpack4（下） 原文: https://panjiachen.github...

路由懒加载 区分开发与生产环境 [该方案已淘汰] 淘汰原因 新方案 vue-cli@3 [该方案已淘汰] 废弃原因 vue-cli@4 改进 路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载速度。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 ...