ccforward/vue-stores

Share the root states and methods in every component.

vue-stores

Share the root states and methods in every component.

详细说明

GitHub

https://github.com/ccforward/vue-stores

NPM

Demo

https://ccforward.github.io/vue-stores/

Usage

install

$ npm install vue-stores --save

$ yarn add vue-stores

Root Component

main.js

import stores from 'vue-stores'
Vue.use(stores)

new Vue({
  ...  
  data: {
    state: {
      showModal: false,
      global: {
        txt: 'shared Text'
      }
    }
  },
  methods: {
    toast(){
      alert(this.state.global.txt)
    }
  }
  ...
})

Child Component

App.vue

export default {
  ...
  methods: {
    toggle(){
      this.modal = !this.modal
    }
  },
  stores: {
    txt: 'state.global.txt',
    modal: 'state.showModal',
    alert(){
      return 'toast'
    }
  }
  ...
}