Vuex（二）：getters和actions

<h2>{{$store.getters.powerCounter}}</h2>

getters: {
    powerCounter (state) {
      return state.counter * state.counter
    }
  }

<h2>{{$store.getters.morethanAge(16)}}</h2>

getters: {
    morethanAge (state) {
      return function (age) {
        return state.students.filter(s => s.age > age)
      }
    }
  },

<h2>{{$store.getters.useSelf}}</h2>

getters: {
    useSelf (state, getters) {
      return getters.powerCounter + 1234
    }
  },

<button @click="actionClick">ChangeName</button>

actionClick () {
      let done = ‘Done‘
      this.$store.dispatch(‘changeName‘, done)
    }

//模拟异步
actions: {
    changeName(context, done) {
      setTimeout(() => {
        context.commit(‘changeName‘)
        console.log(done)
      }, 1000);
    }
  }