https://github.com/acoshift/vue-route-rx
Make Vue.js $route Observable
https://github.com/acoshift/vue-route-rx
Last synced: 8 months ago
JSON representation
Make Vue.js $route Observable
- Host: GitHub
- URL: https://github.com/acoshift/vue-route-rx
- Owner: acoshift
- Created: 2016-12-20T05:31:16.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-12-20T07:10:12.000Z (over 9 years ago)
- Last Synced: 2025-08-28T11:17:30.021Z (10 months ago)
- Language: JavaScript
- Size: 1000 Bytes
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-route-rx
Create observable from vue-router to work with vue-rx subscriptions
## Installation
### NPM + ES2015
```
npm install vue vue-router vue-rx rxjs vue-route-rx --save
```
```js
import Vue from 'vue'
import VueRouter from 'vue-router'
import { Observable, Subscription, BehaviorSubject } from 'rxjs'
import VueRx from 'vue-rx'
import VueRouteRx from 'vue-route-rx'
Vue.use(VueRouter)
Vue.use(VueRx, { Observable, Subscription })
Vue.use(VueRouteRx, { BehaviorSubject })
const router = new VueRouter(...)
VueRouteRx.use(router)
```
### Global Script
Includes vue-route-rx after Vue.js and RxJS
## Usage
```js
Vue.component('foo', {
subscriptions () {
return {
msg: this.$$route
.flatMap((route) => Message.get(route.params.id))
}
}
})
```