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.jsexport 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)

}

}