Vuex实现计数器以及列表展示效果

export default new Vuex.Store({
state:{
count:0 //计数器的count
},mutations:{
increment(state){
state.count++
}
}
})

export default new Router({
routes: [
{
path:'/num',component:Num
},{
path:"*",redirect:"/num"
}
]
})

},}

const getters={
allCover:state=>state.all //getter用来提供访问接口
};

const actions = {
getAllCover({commit}){
cover.getCover(covers=>{
commit('setCover',covers) //触发setCover修改。
})
},removeCover({commit},cover){
commit('removeCover',cover)
}
};

const mutations = { //mutations用来修改state。
setCover(state,covers){
state.all = covers
},removeCover(state,cover){
console.log(cover.id);
state.all = state.all.filter(function (OCover) {
return OCover.id !== cover.id
})
}
};

export default {
state,getters,actions,mutations
}

export default new Vuex.Store({

modules:{
cover //注册cover数据模型
},state:{
count:0 //计数器的count
},mutations:{
increment(state){
state.count++
}
}
})

export default new Router({
routes: [
{
path:'/num',{
path:'/list',component:List
},redirect:"/num"
}
]
})