This package has been deprecated

Author message:

This package is no longer supported

vue-stative

1.0.2 • Public • Published

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>

Package Sidebar

Install

npm i vue-stative

Weekly Downloads

3

Version

1.0.2

License

MIT

Unpacked Size

10.2 kB

Total Files

10

Last publish

Collaborators

  • alandecastros