扫一扫分享
vue.js的RxJS集成 ,vue-rx v6现在默认只适用于RxJS v6。如果要继续使用RxJS v5样式代码,请安装rxjs-compat。
npm + ES2015
rxjs 需要作为 peer dependency 引入。
npm install vue vue-rx rxjs --save import Vue from 'vue'; import VueRx from 'vue-rx'; Vue.use(VueRx);
webpack 打包默认会使用 dist/vue-rx.esm.js。这样引入最小数量的 Rx 操作符并且保证了最小的打包体积。
如果要在浏览器环境使用,需要引入 UMD 构建版本 dist/vue-rx.js。在浏览器环境中的 UMD 构建版本会假设 window.rxjs 已经存在,因此你需要确保在 Vue.js 和 RxJS 之后引入 vue-rx.js。如果 window.Vue 存在的话,vue-rx 会自动安装。
例子:
<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="../dist/vue-rx.js"></script>
手机预览