Utilities > Redux


redux-store-mixin 0.01


Mixin for integrate action creators in methods of vue component
  • vue
  • mixin
  • redux
last commit 7 years ago
2
Stargazers

Watchers
2
Open issues
0
310
Downloads

Last 30 days
13
Releases
5
47
Final Score

Quality
56
Popularity
4
Maintenance
84

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