vue-rx的初步使用教程

Vue.use(VueRx,Rx);

{ this.name = '哈哈'; }) } };

item + 10),// 定义发送一个数组 arr$: new Observable.of(['第一本书','第二本书']),// 发送一个数组 obj$: new Observable.of({ a: 'test-obj',name: '呵呵' }),// 发送一个promise函数 promise$: new Observable.fromPromise(this.getPromise()),// 定时器 interval$: new Observable.interval(1000) } },methods: { getPromise() { return new Promise((resolve,reject) => { setTimeout(() => { resolve('promise'); },1000) }) } },}

'hello'.toUpperCase()),

{{concatMapCount$}}

{{switchMapCount$}}

{{exhaustMapCount$}}

{ return new Observable.from(this.getCount()); }),// 当你连续点击按钮多次获取数据时，switchMap只会将最后一个点击发出的值发出，前面发出的值会被吞掉 switchMapCount$: this.getSwitchMapCount$.switchMap(e => { return new Observable.from(this.getCount()); }),// 当你连续点击按钮多次时，exhaustMap仅执行一次，在第一次值发出后，才可以继续点击下一次发出值 exhaustMapCount$: this.getExhaustMapCount$.exhaustMap(e => { return new Observable.from(this.getCount()) }) } },methods: { getCount() { return new Promise((resolve,reject) => { this.count ++; setTimeout(() => { resolve(this.count); },1000); }) } } };

点击的数字为：{{ num$.index }}

点击的数字下标为：{{ num$.num }}

data) // 因为视图引用了num$.index，所以这里要初始化num$为对象，避免报错 .startWith({}) } } }

value$: {{ value$ }}

{ console.log(val); return val; }) } } }