在vue methods
...mapActions('products',['fetchProducts'])
fetchProducts(){return this.$store.dispatch('products/fetchProducts')}
store 結構
import Vue from 'vue'
import Vuex from 'vuex'
import products from './product/index'
Vue.use(Vuex);
const store=new Vuex.Store({
state:{
count:0
},
mutations:{
increment(state){
state.count++
}
},
modules:{
products
}
})
products模組
import Vue from 'vue'
const types={
set_products:'set_products'
}
const products={
namespaced: true,
state:{
products:1
},
mutations: {
[types.set_products](state,data){
state.products=data
}
},
actions: {
fetchProducts({commit}){
Vue.axios.get(`/product`)
.then(({data})=>{
commit(types.set_products,data)
})
}
},
getters:{
getProducts(state){return state.products}
}
}
export default products
export default store
全站熱搜
留言列表
