vuejs 2.0組件無法訪問與模塊vuex

Question

我測試Vuejs 2.0 & Vuex與模塊設計，但部件不能訪問到的操作方法操作方法。

我的組件：

import {mapGetters, mapActions} from 'vuex' 

export default { 
    computed: mapGetters({ 
    clients: 'clients', 
    fields: 'fields' 
    }), 
    methods: mapActions({ 
    init: 'init' 
    }), 
    created:() => { 
    console.log(this.init) 
    } 
} 

我的模塊：

const state = { 
    'fields': [ 
     { 
      'field': 'name', 
      'label': 'Nom' 
     }, 
     { 
      'field': 'adresse', 
      'label': 'Adresse' 
     }, 
     { 
      'field': 'amount', 
      'label': 'Amount' 
     }, 
     { 
      'field': 'contact', 
      'label': 'Contact' 
     } 
    ], 
    items : [] 
} 

export const SET_CLIENTS = 'SET_CLIENTS' 

const mutations = { 
    [SET_CLIENTS] (state, clients) { 
     state.items = clients; 
    } 
} 

const actions = { 
    init: ({ commit }, payload) => { 
     let clients = [] 
     for(let i = 0; i < 100; i++){ 
      clients.push({ 
       'name': 'Client '+i, 
       'adresse': '14000 Caen', 
       'amount': '1000', 
       'contact': 'contact@client'+i+'.com' 
      }) 
     } 
     commit(SET_CLIENTS, { clients }) 
    } 
} 

const getters = { 
    clients (state) { 
     return state.items; 
    }, 
    fields (state) { 
     return state.fields; 
    } 
} 

export default { 
    state, 
    mutations, 
    getters, 
    actions 
} 

商店創建：

import Vuex from 'vuex' 
import clients from './modules/clients' 
import filters from './modules/filters' 
import Vue from 'vue' 

Vue.use(Vuex) 

export default new Vuex.Store({ 
    modules: { 
    clients, 
    filters 
    } 
}) 

所有項目代碼，請訪問：https://github.com/robynico/vuejs-2.0-modules

如果你測試它，你會看到，init（）方法在組件的創建是不明確的。

在此先感謝！

Answer 1

我想你是出口你的商店模塊錯了。試試這個：

裏面你module.js：

export default { 
    state: {}, // define your state here 
    getter: {}, // define your getters here 
    actions: {}, // define your actions here 
    mutations: {} // define your mutations here 
} 

那麼你的商店裏面：

import Vue from 'vue' 
import Vuex from 'vuex' 

import module from './modules/module.js' 

Vue.use(Vuex) 

const store = new Vuex.Store({ 
    modules: { 
    module // your moudle 
    } 
}) 

export default store