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

 

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

vue添加全局的js工具类

上一篇:Android开发中常见的设计模式(四)——策略模式


下一篇:js-实现多列布局(瀑布流)