VUEX新笔记

$store.commit('abc'),
const mutations={
abc:(state)=>{
state.flag='mutations'
}
}

多个mutations时用到distpach管理

$store.dispatch('abc')

const actions={
abc:({
commit,state=>{commit('abc')}
})
}
const mutations={
abc:(state)=>{
state.flag='mutations'
}
}
const state={
flag:true
}
const store=new vuex.Store{
state,
actions,
mutations
}

computed:{

count2():{
return this.$store.state.count
}
}
computed:mapState(['count','flag']) 拿到值{{count}},{{flag}}
import {mapState,mapGetters,mapActions} from "vuex" //状态管理的获取
//与计算属性相似
let getters={
count(state){
return state.count
}
}
computed:mapGetters(['count']) {{count}}
添加，减少：
const state={
flag:true,
count:3
}
@click="add"
add(){
$store.dispatch('add')
}
const actions={
add:({commit,state})=>{commit('add')
const mutations={
add:(state)=>{
state.count++
}
}

导出const store=new vuex.Store({
state,
actions,
mutations,
getters,
})

最后一个实例v-show=""