node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org »

redux-store-mixin

redux-store-mixin

NPM

npm version npm downloads

Mixin for integrate action creators in methods of vue component

Install

npm install --save redux-store-mixin
 

Usage

1. Import mixin

import reduxStoreMixin from "redux-store-mixin";

2. Import our actionCreators

import {actionCreators} from "store/store";

3. Import mapState-method for useful connect with props from redux-store

import { mapState } from "vuex";

4. Create vue instance

new Vue({
  mixins: [
                ...
        reduxStoreMixin(actionCreators),
                ...
  ],
  computed: {
        ...mapState({
            prop1: state => state.redux.map.prop1,
      ...
      propN: state => state.redux.map.propN
    }),
    ...
  },
  ...
});

Example

Call action:

...
methods: {
  someMethod: function () {
    this.reduxActions("actionName", [...argsForAction]);
  }
},
...

For more information see