vue-rx RxJS集成插件
vue 的 RxJS 集成利器就是 vue-rx,对,名字听起来就直接。它让你在 Vue 组件里用上 RxJS 的响应式流,写起来更优雅,逻辑也清晰。你只要 npm install vue-rx rxjs
一下,像平常用插件那样 Vue.use(VueRx)
就行,没啥门槛。
比较贴心的是,vue-rx v6 默认对接的是 RxJS v6,如果你还在用旧版,也没关系,装个 rxjs-compat
就能继续嗨。Webpack 用户直接用 dist/vue-rx.esm.js
,打包更小;浏览器用 dist/vue-rx.js
,记得提前挂个 window.rxjs
,不然会报错哦~
简单场景,比如你用 fromEvent
监听输入框变化,不用再满屏 addEventListener
了。配合 v-stream
、v-subscribe
,响应也快,代码也简洁。项目里有一堆异步交互的?那就更该试试 vue-rx,真的省心。
如果你正在搭 Vue + Webpack 项目,顺手看看这些资源也不错:
- Vue.js 入门-Vue.js 开发
- vue-webpack-starter:Vue.js Webpack 精益模板
- vue-webpack-example:Vue.js + Webpack 示例
- 使用 Webpack 4 的 Vue.js 模板
嗯,提醒下:RxJS 学起来稍微有点门槛,最好你对流和操作符有些了解,不然刚上手容易懵。如果你平时写多事件流或异步逻辑,那 vue-rx 蛮适合你。
59.78KB
文件大小:
评论区