vue---vue2.x自定义plugin,给vue添加全局方法,原型上增加全局方法

1. 自定义plugin.js

export default{
  install(Vue,options);
  {
      Vue.prototype.toStringTwo=(str)=>(
        ('0000'+String(str)).slice(-2)  
     )
  }
}

2.入口js

import Vue from  'vue';
import MyPlugin from './plugin';

Vue.use(MyPlugin);

new Vue({
    //...
})

//即可在各组件调用方法toStringTwo

demo 把loading组件变成插件,这样不用再import导入组件了

vue plugin 插件编写以loading为例

很好的css3的loading样式,下周记得在代码中补上圆点转圈的loading,哈哈

 

posted @ 2019-05-24 14:21  front-gl  阅读(1414)  评论(0编辑  收藏  举报