vue 计数器_vuex实现简易计数器

本文实例为大家分享了vue.js计数器的制作方法，供大家参考，具体内容如下

src/components

Hello.vue

Now count is { {counterValue}}

import { getCount } from '../vuex/getters'

export default {

vuex: {

getters: {

counterValue: getCount

}

},

data () {

return {

}

}

}

h1 {

color: #42b983;

}

Increate.vue

click me + 3

click me - 1

import { incrementCounter, reduceCounter } from '../vuex/action'

export default {

vuex: {

actions: {

increment: incrementCounter,

reduce: reduceCounter

}

},

data: function () {

return {

}

},

<