kolesoffac

Redux store mixin

Mixin for integrate action creators in methods of vue component

Version Version: 1.0.6 Version Updated: 10/11/2017 By: kolesoffac License: MIT

DownloadsLast30Days: 32

https://github.com/kolesoffac/redux-store-mixin

npm i redux-store-mixin
yarn add 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

Categories: UtilitiesRedux