(四)getters 在获取到公共数据后操作

本节知识点

• 利用getters直接在vuex中操作数据

使用指南

• (1) 在vuex 文件中也就是store.js中写下面代码,重点就是getters

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

const start = 10;

function jisuan(){
  return start+10;
}

const state={
  score:jisuan()
};
const mutations = {
    add:function(state,n){state.score+=n;},
    del:function(state,n){state.score-=n;}
};
const getters = {
  score:function(state){
         return state.score+=10;
  }
}
export default new Vuex.Store({
  state,
  mutations,
  getters
})

• (2) 在模板中使用getters