vue-stative v1.0.2

vue-stative

Vue.js plugin to use stative.

Installation

npm install vue-stative stative

Usage

import Vue from 'vue';
import VueStative from 'vue-stative';

Vue.use(VueStative);

Now you can choose to listen to stative in your components

<template>
  <div>
    <p>Loading: {{ loading }}</p>
    <p>Menus: {{ menus }}</p>
    <button @click="goToAbout"></button>
  </div>
</template>

<script>
import state from 'stative';

export default {
  subscribeTo: ['loading', 'menus'],
  created() {
    state.set({
      loading: false,
      menus: {
        home: 'selected',
        about: 'not-selected',
        contact: 'not-selected'
      },
      articles: [
        { id: 1, title: 'Simple state management' },
        { id: 2, title: 'Reactive state' },
        { id: 3, title: 'RxJS' }
      ]
    });
  },
  methods: {
    goToAbout() {
      state.update('menus.home', 'not-selected');
      state.update('menus.about', 'selected');
    }
  }
};
</script>