2018年8月25日
摘要: 问题背景 在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined。 如下图所示,我们有一个 login 方法,希望在登录成功之后路由到主页,但通过 this.$router 获取路由器出错。 解决方案 使用箭头函数替代普通函数,ES6中的箭头函数 “=>” 内部 阅读全文
posted @ 2018-08-25 22:45 朝雨忆轻尘 阅读(7931) 评论(0) 推荐(1) 编辑
摘要: 封装 axios 模块 封装背景 使用axios发起一个请求是比较简单的事情,但是axios没有进行封装复用,项目越来越大,会引起越来越多的代码冗余,让代码变得越来越难维护。所以我们在这里先对 axios 进行二次封装,使项目中各个组件能够复用请求,让代码变得更容易维护。 封装要点 统一 url 配 阅读全文
posted @ 2018-08-25 21:40 朝雨忆轻尘 阅读(28761) 评论(24) 推荐(11) 编辑
摘要: 背景概述 1. CSS预处理器 css预处理器定义了一种新的编程语言,编译后成正常的CSS文件。为CSS增加一些编程的特性,无需考虑浏览器的兼容问题,让CSS更加简洁,适应性更强,可读性更佳,更易于代码的维护等诸多。CSS 预处理器语言有 scss(sass)、less 等。 2.SASS和SCSS 阅读全文
posted @ 2018-08-25 17:45 朝雨忆轻尘 阅读(3680) 评论(1) 推荐(0) 编辑
摘要: 技术基础 开发之前,请先熟悉下面的4个文档 vue.js2.0中文, 优秀的JS框架 vue-router, vue.js 配套路由 vuex,vue.js 应用状态管理库 Element,饿了么提供的UI框架 开发环境 Node JS(npm) Visual Studio Code(前端IDE) 阅读全文
posted @ 2018-08-25 17:45 朝雨忆轻尘 阅读(56573) 评论(6) 推荐(17) 编辑
摘要: 导入项目 打开 Visual Studio Code,File --> add Folder to Workspace,导入我们的项目。 安装 Element 安装依赖 Element 是国内饿了么公司提供的一套开源前端框架,简洁优雅,提供了 vue、react、angular 等多个版本,我们这里 阅读全文
posted @ 2018-08-25 17:45 朝雨忆轻尘 阅读(34237) 评论(13) 推荐(9) 编辑