随笔分类 -  Vue.js

摘要：技术基础 开发之前，请先熟悉下面的4个文档 vue.js2.0中文, 优秀的JS框架 vue-router, vue.js 配套路由 vuex，vue.js 应用状态管理库 Element，饿了么提供的UI框架 开发环境 Node JS（npm） Visual Studio Code（前端IDE） 阅读全文

摘要：导入项目 打开 Visual Studio Code，File --> add Folder to Workspace，导入我们的项目。 安装 Element 安装依赖 Element 是国内饿了么公司提供的一套开源前端框架，简洁优雅，提供了 vue、react、angular 等多个版本，我们这里 阅读全文

摘要：直接在 Chrome 的调试窗口中调试 Vue 代码有诸多不便， 好在 Visual Studio Code 中提供了 Debugger for Chrome 插件，能够通过配置直接在 VS Code 断点调试代码, 并且在 VS Code 的调试窗口看到 Chrome 中 console 相同的值 阅读全文

摘要：在我们的项目实际开发过程中，后端的接口往往是较晚才会提供出来，并且还要写接口文档，如果前端的开发都要等到接口开发完成才开始就非常影响项目整体开发进度了，mock.js 的出现使前后端分离并行开发成为可能。使用 mock.js，前端调试可以模拟后台接口调用，返回我们定义的数据，解放了前后端开发的屏障。 阅读全文

摘要：上年10月份， Facebook 发布了新的 node.js 包管理器 Yarn 用以替代 npm ，它比npm更快、更高效。 Yarn VS npm 1、yarn.lock 文件 在 npm 中同样可以使用 npm shrinkwrap 命令来生成一个锁文件，这样在使用 npm install 时 阅读全文

摘要：前言 自从Vue2.0推荐大家使用 axios 开始，axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情，但是axios没有进行封装复用，项目越来越大，引起的代码冗余。就会非常麻烦的一件事。所以本文会详细的跟大家介绍，如何封装请求，并且在项目组件中复用请求。有需要 阅读全文

摘要：在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。 关于为什么放弃推荐? -> 尤大原话 最近团队讨论了一下，Ajax 本身跟 Vue 并没有什么需要特别整合的地方，使用 fetch po 阅读全文