main.js引入全局组件/mixins全局混入

global.js

import Menu from '@/common/unit/menu/index.vue'
import subMenu from '@/common/unit/menu/subMenu.vue'

import Bread from '@/common/unit/bread/index.vue'
import Buttons from '@/common/unit/button/index.vue'
import pages from '@/common/unit/page/index.vue'

import elTables from '@/common/unit/table/index.vue'
import cusTable from '@/common/unit/table/cusTable.vue'
import elCol from '@/common/unit/table/elCol.vue'

export default (Vue) => {
  // 注册组件
  // 使用Vue.component()注册组件时，全局id自动作为组件的名称
  // 也就是说，此时第一参数为组件的名称
  Vue.component('Menu', Menu) // 侧栏菜单
  Vue.component('subMenu', subMenu) // 侧栏菜单（子菜单）
  
  Vue.component('Bread', Bread) // 面包屑
  Vue.component('Buttons', Buttons) // 操作按钮
  Vue.component('pages', pages) // 分页

  Vue.component('elTables', elTables) // 表格
  Vue.component('cusTable', cusTable) // 表格(使用插槽)
  Vue.component('elCol', elCol) // 表格(复杂表头)
}

public.js

import store from '../../store'
import {
  queryDistrictListByParentId,
  sysOrgListTree,
  sysOrgDepartmentTree,
} from '@/package/userManage/api'
export default {
  data() {
    return {
      // 树形更新唯一值（node-key）
      treeKey: store.state.loginData.permissions.orgId,
      // 懒加载 - 树形嵌套下级
      // 区划
      defaultAreaProps: {
        children: 'children',
        label: 'districtName',
        isLeaf: 'leaf',
      },
      // 机构
      defaultOrgProps: {
        children: 'children',
        label: 'orgName',
        isLeaf: 'leaf',
      },
      // 机构及部门
      defaultOrgAndDeptProps: {
        children: 'children',
        label: 'orgName',
        isLeaf: 'leaf',
      },
      // 筛选搜索
      filterText: '', // 输入的关键字
    }
  },
  mounted() { },
  methods: {  },
  watch: { },
}

main.js

// 导入全局组件global.js
import global from '@/common/js/global.js'
Vue.use(global)

// 全局混入mixins
import publicMixin from '@/common/mixins/public.js'
Vue.mixin(publicMixin)