vue 引入自定义js 并使用

1.首先创建一个js

ex: test.js 

const referrerPhone = [

  { pattern: /^1[3456789]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }

]

export default {

referrerPhone 

}

2.在main.js中将js文件定义成一个可以直接调用的对象

import validators  from '../路径/test.js'

定义成对象方便调用

Vue.prototype.$validators  = validators 

3.vue文件里面调用

this.$validators.referrerPhone 

=======================================================================================================

第二种 不是公用

1.创建一个 js

// 弹框提示

function tips(this_, message_, type_){

  this_.$message({

    message: message_,

    type: type_

  });

export { //很关键

  tips,

}

2.在界面的script标签中进行引入即可使用

import { tips} from '../xx.js'

3.调用

tips(this, '非法操作，不能删除admin用户！', 'error')