Stream an API using RxJS into a Vue.js Template

InstructorJohn Lindquist

Vue.js^2.5.13
RxJS5.5.12 - 6.4.0
JavaScript

Share this video with your friends

Send Tweet

You can map remote data directly into your Vue.js templates using RxJS. This lesson uses axios (and the vue-axios library which exposes axios on components as this.$http) and wraps the remote call inside of an Observable to provide the data into the template

Bobby

~ 6 years ago

Import it via => import {from } from 'rxjs';
Then use it directly

Brad Tittle

~ 6 years ago

This is fantastic.

Paul Perry

~ 6 years ago

Import it via => import {from } from 'rxjs';
Then use it directly

Also, in order to use pluck without getting an error using Vue 2, I also imported:

import { pluck } from 'rxjs/operators';

then used it via .pipe( pluck('data', 'name') )