0

在使用webpack 中有时候需要自己定义的方法。
在组件使用到的地方引入。个人觉得每一个地方引入太麻烦。
如何将方法定义成全局方法?(方法是放在一个js文件中的)

4个回答

1

已采纳

https://cn.vuejs.org/v2/guide...
中有这样一句话
添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。
于是我在main.js中
import * as xx from './xx.js'
Vue.prototype.xx=xx;

/ eslint-disable no-new /
new Vue({
....

使用的时候直接this.xx.yy就行。
顺便xx.js的写法是
export function yy(a,b,c) {
...

不知道能满足你要求不

0
  • 一般而言,直接在入口文件里使用import xxxx就可以了

  • 但是,如果对于类似Vue或者Angular这种框架,Vue和Angular实例内部不会使用入口文件中的方法,可以将该方法在根组件初始化时,放到根组件中去,然后在框架内通过$root调用(Angular是$rootScope,Vue是this.$root,其他的类似框架参照文档)

0

也可以使用webpack.provideplugin

0

类似于引入jQuery ,这里有详解。

撰写答案