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,哈哈

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM