一、实现方法
1.全局注册,多文件调用
export default{
install(Vue){
Vue.prototype.XXXXX=function(){//全局注册XXXXX方法
console.log('11111')
}
}
}
具体使用方法:
(1)新建一个js文件,用来注册全局方法(此例中新建global.js)
export default{
install(Vue.options){
Vue.prototype.aaaaa=function(){//全局注册aaaaa方法
console.log('aaaaa')
},
Vue.prototype.bbbbb=function(){//全局注册bbbbb方法
console.log('bbbbb')
}
}
}
(2)在main.js中注入global.js文件
import global from '@/utils/global.js';
Vue.use(global)
(3)使用:在任意组件中调用global.js中的方法:
this.aaaaa();
this.bbbbb()
2.定义单独的方法,调用时需引入
代码如下(示例):
export function XXXX(value){
console.log('1111')
}
本文介绍了如何在Vue项目中实现全局方法的注册和调用,包括通过创建一个js文件来定义全局方法,然后在main.js中注入,以及如何在任意组件中使用这些全局方法。此外,还展示了定义单独方法并通过引入方式调用的示例。
1822

被折叠的 条评论
为什么被折叠?



