vue-duo

vue-duo

• You can handle complex data flow with awesome rxjs.
  • vuejs/vue-rx is a RxJS binding for Vue.js.
• vue-duo provide a tiny store for simple data flow, works fine with vue-rx.

Getting Started

• app.vue

<template>
  <div>
    <h3>{{ count }}</h3>
    <button @click="add(1)">add</button>
  </div>
</template>

<script>

import { add } from './action'
import store from './store'

export default {
  name: 'app',
  store,
  methods: {
    add
  }
}

</script>

• action.js

import { createAction } from 'vue-duo'

export const add = createAction((num) => num)

• store.js

import { createStore } from 'vue-duo'

import { add } from './action'

const store = createStore({
  count: 0
})

store.subscribeActions({
  [add]: https://github.com/haoxins/vue-duo/blob/HEAD/(num) => ({
    count: store.state.count + num
  })
})

export default store

Usage

• example

License

MIT