Powered by md-Blog  文 - 篇  访客 -

Vue.js自定义插件来添加全局方法


  分类:Vue  / 
更新:2020-04-06 14:30:38  /  创建:2020-04-06 14:30:38
不要删除

1、创建方法

新建 /Global 目录,在里面新建 index.js 文件用来存放自定义全局方法,方法名推荐使用 $ 开头以便区分。

index. js
export default {
  install(Vue, ) {
    // 验证规则
    Vue.prototype.$keyRule = function (rule) {
      return /^[a-zA-Z0-9_-]{6,20}$/.test(rule);
    }
}

2、入口文件引入

main.js
// 全局方法
import Global from './Global' // 引入
Vue.use(Global) // 添加

3、方法使用

App.vue
mounted () {
    cosole.log(this.$keyRule('abc12')); // false
    cosole.log(this.$keyRule('abc123')); // true
}

不要删除

小站不易,感谢支持!