你知不知之怎么声明引用自定义变量？？？

怎么引用自定义变量？？？

这种方式相信大家也知道就是方便大家的后期修改和维护

config.js（自定义变量的文件）

// Dialog 对话框宽度
const DIALOG_WIDTH = {
  MINI: '30%',
  SMALL: '50%',
  MEDIUM: '60%',
  BIG: '72%',
  LARGE: '75%'
}

export default {
  DIALOG_WIDTH 
}

main.js（声明全局）

// 声明为全局常量
import global from '@/utils/config'
Vue.prototype.GLOBAL = global

HelloWord.vue（页面引用）

//页面上用法：
<el-dialog :width="GLOBAL.DIALOG_WIDTH.MEDIUM" > </el-dialog>