Vue定义常量、常量使用

项目开发中常量的定义和使用都是广泛的 就比如说正则表达式等等 直接上码
有限创建存放常量的文件目录 （名字自拟）

partten.js 文件用于存放需要的常量 使用export const 进行声明（此处以正则位例）

export const textLength = 30;

export const areaLength = 500;

export const phoneNum =  /^((1[3,5,8][0-9])|(14[5,7])|(17[0,6,7,8])|(19[7]))\d{8}$/;

export const email = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

index.js文件 暴露

import * as Partten from './partten.js';
export {
  Partten
};

项目中引用

import { Partten } from "@/partten"
...............................................
  created() {
	      // 我们这里先直接输出Partten
  		  console.log('常量',Partten)
  },

大家可以看到 这是一个json格式的数据

最后我们就可以广泛的引用自己定义的常量了
1：正则验证


2：字符长度验证


因此我们在项目中定义的常量及减少了代码的冗余也可以被广泛的应用到