vue添加全局的js工具类


在使用vue进行前端开发的时候,会需要往全局添加一个js的工具类,方便组件可以随时调用。

可以分为三个步骤:

1.建立js文件并输出带方法属性的对象。

export default {
  // 初始化分页
  iLikeYanggb() {
    console.log('i like yanggb')
  }
}

2.在main.js文件中将上面带方法属性的对象挂载到vue中。

import yanggbsUtil from '../static/js/util.js'
Vue.prototype.$yanggbsUtil = yagggbsUtil

这里的import语句是导入文件到对象,而第二条语句才是将对象挂载到vue中。

3.在页面调用全局工具类中的方法。

this.$yanggbsUtil.iLikeYanggb()

这样就会在控制台输出【i like yanggb】了,开心不开心。

 

"和你们这些少爷小姐不同,我们光是活着就已经竭尽全力了。"


免责声明!

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



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