# 自定义扩展

# /biz/bizMain.js

这个文件是作为 main.js 的自定义需求入口,它允许你对 Vue 实例进行扩展或注册插件。

/**
 * 在 main.js 中引入,调用该函数即可对 Vue 进行一些扩展或加入插件
 * @param {Object} Vue - Vue 实例
 */
const bizMainUtils = (Vue) => {
  // 对 Vue.prototype 做一些扩展
  // Vue.prototype.$myMethod = function () {
  //   console.log("myMethod");
  // };
  // 加入一些插件
  // Vue.use(MyPlugin);
}

export default bizMainUtils

# /biz/mixins/globalMixin.js

这个文件是全局混入的入口,你可以在这里扩展组件的选项,实现代码复用或注入全局功能(例如在刷新页面后重新加载系统初始化数据)。

注意使用 mixins 时要避免命名冲突和组件选项的合并问题。如果多个 mixin 对象或组件具有相同的选项(如生命周期钩子函数),它们将会被合并,并按照一定的规则执行。了解 Vue.js 的选项合并规则是很重要的,以确保混入的代码按预期工作。

# /biz/mixins/loginMixin.js

这个文件是登录逻辑混入的入口,它允许你在登录成功后执行自定义逻辑(例如加载和执行其他业务逻辑,类似于登录成功的钩子函数)。

# /biz/config.js

这个文件是自定义的全局业务配置入口,其中包含以下已支持的配置:

module.exports = {
  BIZ_WHITELIST: [], // 免登录白名单
  dropDownMenuComponent: null, // 用于DropDownMenu组件右上角的自定义组件,组件建议在 biz目录下编写,路径配置如() => import('@/views/test')
  BIZ_ALLOWED_ERROR_CODES: [] // 存放允许的错误码列表,配置的业务 CODE不会调用全局的弹窗展示 msg
}