import Vuex from 'vuex';
Vue.use(Vuex);const vuex_store = new Vuex.Store({
state:{
user_name:"",
newslist:[] },
mutations:{
showUserName(state){
alert(state.user_name);
}
},
getters:{
getNews(state){
return state.newslist.filter(function (news) {
return !news.isdeleted;
})
}
}
})
getters 专门写了一个方法，做了数据过滤处理，保留isdeleted为false 的记录。 那么我们在组件模板上循环的时候也要修改一下了：
v-for="news in this.$store.getters.getNews"
过滤之后，只有2条数据了
