Vue.js 2 Design Patterns and Best Practices

Integrating with Vue

To integrate RxJS with Vue, we'll need to make a new Vue project and install both RxJS and Vue-Rx. One of the great things about using the Vue-Rx plugin is that it's officially supported by the Vue.js team, which gives us confidence that it'll be supported in the long term.

Let's create a new project with the Vue CLI, and integrate RxJS:

# New Vue projectvue init webpack-simple vue-rxjs# Change directorycd vue-rxjs# Install dependenciesnpm install# Install rxjs and vue-rxnpm install rxjs vue-rx# Run projectnpm run dev

We now need to tell Vue that we'd like to use the VueRx plugin. This can be done using Vue.use(), and is not specific to this implementation. Any time we're looking to add new plugins to our Vue instance(s), ...