vue-cli中 如何引入全局的js

Question

每个组件都需要用某个.js文件，怎么样全局引入呢

在 main.js中

import test from './assets/js/test.js'
Vue.prototype.test = test

在组件中

methods:{
    test:function(){
      this.test_log()
    }
}

test.js

export default function test_log() {
    console.log(123)
}

这样没用啊 ？ 给个正确的使用姿势吧

Answer 1

你需要这样 this.test.test_log 这样来调用
同时在VUE中 添加的全局方法最好是加上$标识符 这样好区分
完整过程
在 main.js中

import test from './assets/js/test.js'
Vue.prototype.$test = test
在组件中

methods:{

test:function(){
  this.$test.test_log()
}

}
test.js
然后export 的时候 改成这样
export default {
function test_log(){
console.log(123)
}
}

Answer 2

可以在App.vue里面引入看看。

Answer 3

要是自己写的js，放在main.js里面，引入，然后挂在prototype里面，要是一些比如jquery库，可以放在index.html里面，script引入即可。

Answer 4

import 'xxxx.js',或者直接script引入