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

问题描述

问 题

每个组件都需要用某个.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)
}

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

解决方案

你需要这样 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)
}
}

这篇关于javascript - vue-cli中 如何引入全局的js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！