
Vue学习笔记
dadiyang
Coding like writing poetry.
展开
-
如何在Vue项目中使用Mockjs,模拟接口返回的数据,实现前后端分离独立开发
前后端分离分工协作是一个非常高效的做法,但是有时前后端分离不彻底会很痛苦。前后端本来应该是异步进行的,进度互不影响,但是在没有mock的时候,前端却严重依赖后端的接口,总会苦苦等待后端接口出来才能继续开发。自己写一些模拟数据一定程度上能解决这个矛盾,但是配置烦琐,且开发环境和生产环境切换,开发时mock数据与后端接口切换很麻烦。可能一不小心就把自己的模拟数据就扔到线上去了!还有,对于后端工程师对前...原创 2018-03-25 15:03:01 · 36133 阅读 · 13 评论 -
vue使用正则一键替换按需加载写法
问题提出当打包构建应用时,Javascript 包会变得非常大,影响页面加载。这时按需加载就显得非常必要。可以参考 路由懒加载 这一节。如果你的项目一开始没有使用按需加载,到达一定的规模之后发现需要按需加载,这时候会遇到一个重构老代码的问题。我就遇到了这样的情况,其中工作量最大的其实是将import Comp from "@/components/home/Comp";替换成const ...原创 2018-11-06 11:33:05 · 2021 阅读 · 0 评论 -
另辟蹊径:如何利用打桩和Mock的思想模拟WebSocket,实现彻底前后端分离独立开发
问题提出之前的文章里,我介绍了 如何在Vue项目中使用Mockjs,模拟接口返回的数据,实现前后端分离独立开发 ,而且也解决了Mockjs如何拦截带参数的GET请求 的问题。最近接到一个开发客服IM的任务,需要用到 WebSocket 做前后端实时消息推送,在做页面的时候发现页面的http请求可以使用Mockjs来拦截并返回mock出来的数据,但是 WebSocket 却很难做到。于是查了很多...原创 2018-12-12 00:22:03 · 4829 阅读 · 0 评论 -
快速开始,使用 VSCode 开发 Vue 项目如何配置语法高亮和自动格式化
关于 IDE开发 Vue 项目,一般使用 VSCode/WebStorm/Atom 等 IDE,推荐使用 VSCode。而 VSCode 原生不支持 Vue 语法高亮和自动格式化等功能,需要通过插件来支持。安装插件点击 首选项 -> 扩展,安装以下插件:Vetur – vue 必备插件,用于语法高亮和代码提示Auto Close Tag – 自动完成标签,如输入 时,自动添加...原创 2019-05-15 19:16:17 · 2782 阅读 · 0 评论