vuex文件夹下的代码
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
smallPage: true, // 菜单是否显示
breadcumb: {}// 面包屑
}
const mutations = {
changePage (state, value) {
state.smallPage = value
},
changeBreadcumb (state, value) {
state.breadcumb = value
}
}
export default new Vuex.Store({
state,
mutations
})
- 全局组件(src/config/components.js)
import kmBreadcrumb from '../components/config/kmBreadcrumb'
export default (Vue) => {
Vue.component('km-breadcrumb', kmBreadcrumb)
}
- 面包屑组件(src/components/config/kmBreadcrumb.vue)
<template>
<div class="breadcumb">
<div class="breadcumb-list">
<div v-for="(item, i) in breadcumb.list" :key="i" class="breadcumb-link" :class="{last: i == breadc