Mapping Actions & Getters  

 

...을 지원하기 위해서 

npm install babel-preset-stage-2 --save-dev

 

.babelrc에

["stage-2"] 추가

 

import {mapActions } from 'vuex';

import {mapGetters } from 'vuex';

 

saleProducts(){

  return this.$store.getters.saleProducts;

}

가 아래로

...mapGetters([

  'saleProducts'

])

 

reducePrice: function(amount) {

  this.$store.dispatch('reducePrice', amount)

}

가 아래로 (amount는 자동으로??)

...mapActions([

  'reducePrice'

])

 

https://github.com/iamshaunjp/vuex-playlist/tree/lesson-08