/vuepouch

A tiny library to enable you work with PouchDB in a Vuejs app. It syncs with remote CouchDB too :-)

Primary LanguageJavaScript

Vuepouch

A tiny library to enable you work with PouchDB in a Vuejs app. It syncs with remote CouchDB too :-)

Installation

Installing Vuepouch is as easy as including it in your html script tag. Being that it is a vuejs mixin it has a dependancy on vuejs. So dont forget to include that.

<script src="vue.js"></script>
<script src="vuepouch.js"></script>

Usage

Vuepouch by default gets auto installed when you include it in your html. You dont have to to Vue.use(vuepouch).

var app = new Vue({
  el: "#app",
  pouchdb: {
    uber: {
      localDB: "uber",
      remoteURL: "http://127.0.0.1:5984/uber"
    }
  },
  computed: {
    drivers () {
      return this.uber.drivers
    },
    passengers () {
      return this.uber.passengers
    }
  }
})

Adding data

...
methods: {
  addDriver () {
    this.$pouchdbRefs.uber.put('drivers',/*your data*/)
  },
  addPassenger () {
    this.$pouchdbRefs.uber.put('passengers', /*your data*/)
  } 
}

Deleting data

this.$pouchdbRefs.uber.remove(/*your data*/)

Updating data

this.$pouchdbRefs.uber.update(/*your data*/)

Displaying data in your html

<div id="app">
  <ul>
    <li v-for="driver in drivers">{{driver.name}}</li>
  </ul>
</div>