Vuex-Watcher

Vue-Watcher was created to empower Vue.js developers to easily utilize Vuex subscribers similalr to vue's data prop watcher

This is compatible with Vue 2.*

This is an Alpha build, use at your own risk

Table of Contents

• Install

• Usage

• Build Setup

NPM Install

npm install vuex-watcher

Local Clone

$ git clone https://github.com/AndrewR3K/vuex-watcher.git vuex-watcher
 
$ cd vuex-watcher
$ npm install

Development

$ npm install
 
$ npm run dev

Usage

An in-depth example application can be found within /example folder of this repo.

General Usage

import VueWatcher from 'vuex-watcher';
const myVueWatcher = new VueWatcher({
  environment: 'development',
  watches: [
    {
      getter: 'getactive',
      cb: (val) => console.log(`Running getters' "getMsg" callback => ${val}`)
    }
  ]
})
 
export default new Vuex.Store({
  plugins: [myVueWatcher]
})

Environment

It is recommended to set the environment to "production" when running in a production state.

Options: 'development', 'production'

{
  environment: <environment>
}

Watcher Types

State

{
  watches: [
    {
      state: 'text',
      cb: (val) => console.log(`Running state "text" callback => ${val}`)
    }
  ]
}

Getters

{
  watches: [
    {
      getter: 'getactive',
      cb: (val) => console.log(`Running getters "getMsg" callback => ${val}`)
    }
  ]
}