/**
 * Created by ZHANZF on 2017-3-20.
 */
//vuex配置
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export default new Vuex.Store({
    state: {
        //路由元件儲存器
        routers: {}
    },
    getters: {
        routers: state => {
            return state.data;
        }
    },
    mutations: {
        //動態增加路由
        addRouter: (state, data) => {
            state.routers = Object.assign({}, state.routers, {
                [data.name]: data.component
            });
        }
    },
    actions: {
        acMethods({commit}) {

        }
    },
})

//根目錄中註冊路由元件
window.midea = {
    registerRouter(name, component) {
        Store.commit('addRouter', {
            name: name,
            component: component
        })
    }
};

//頁面使用路由導航

openAnyPage() {
    midea.registerRouter('module', resolve => {require(['../module/module.vue'], resolve)});//懶載入
    this.$router.push({path: '/home/module', query: {title: this.title}});
}

//頁面中使用動態元件 <template> 　　<component :is="currentRouter" :moduleName="title"></component> </template>
<script src="./any.js">
export default {
    data () {
        return {
            routeName: '',
            currentRouter: '',
            title: '',
        }
    },
    created() {
        this.routeName = this.$route.params.name;
        this.title = this.$route.query.title;
        this.currentRouter = this.$store.state.routers[this.routeName];
    },

    methods: {

    }
}
</script>