vue爬坑记:全局面包屑组件

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