首页 > Web开发 > 详细

vue添加全局的js工具类

时间:2020-05-25 10:06:01      阅读:148      评论:0      收藏:0      [点我收藏+]

在使用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】了,开心不开心。

 

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

vue添加全局的js工具类

原文:https://www.cnblogs.com/yanggb/p/12763996.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!