wuh.site

vue--mixin混入运用

stack-wuh
stack-wuh发布于 2019年9月26日, 0条评论

Mixin#

下面是用Mixin混入函数玩的一个骚操作 image

模块化开发#

现在的应用虽然看着页面很多, 但是很多的相似的页面实质上用的是同一个Component页面, 里面可能写满了v-if, v-else或者是v-else-if. 业务逻辑越复杂, 条件判断越多, 看的眼花缭乱. 页面不变改变的其实是写满了alias路由别名, 就像这样: image 为了配合这种写法, mixin可以玩的飞起, 上面就是mixin的一个http请求插件, 搭配浏览器的地址栏配置一下执行事件,搭配promise.all 可以轻易的完成一个Promise队列,完全满足平时写的fetch类型的请求, 因为他也是Promise, 相互依赖的多个接口可以很好的在队列中实现。 下面是实现的效果图 image

形参问题#

既然是请求, 肯定会有这样那样的参数, 怎么破? image Map对象可以完美的解决任何问题, 他的键值对不受到拘束, 可以是任何类型, 你甚至完全可以使用正则表达式来适配你映射出来的事件名, 这样就要求你的事件名非常有规律, 形如:

// 导出事件
export const handleGetSome = () => { to do }
export const fetchSomeBy = () => { to do }
export const export2Excel = () => { to do }

// reg
var handle = /^handle?[Get|Post|Any]*/gi
var feat = /^(fetch|export)?By$/gi

是不是很easy

更新时间:
stack-wuh 2019-10-25 03:08:29 更新
原文链接:
/blog/issues/2
所属项目:
blog
开源许可:
本文内容遵循 CC BY-NC-SA 4.0 协议,转载请注明文章出处与原文链接。
所属标签:
Vue

空空如也~

评论功能正在开发中,欢迎稍后回来留言交流。

等待播放
PLAYER
加载默认歌单...
等待播放
等待播放
00:0000:00
音量
歌词
暂无歌词
播放列表