How to introduce js? into vue globally

common.js will have many functions that I define myself, such as:

export function a(){
    //
}
export function b(){
    //
}
export function c(){
    //
}

I will quote him in ad.vue:

import {a} from "@/assets/js/common.js"

I will quote him in role.vue:

import {b} from "@/assets/js/common.js"

N pages need to use functions in common.js. It"s troublesome for me to quote them one by one. Is there a good solution?

< hr >

I tried to introduce common in main.js

import "@/assets/js/common.js"

but this method does not work, it will prompt XX is not defined

Node.js css html5 html javascript

Mar.18,2021

me, too, not even on App.vue ~ ~ can only be written in

webpack. There is a global keyword that defines global properties.
the property method defined by this keyword can be used directly in the global file. I have tried the method adopted by

, which is the way of export multiple functions, but the way of using Vue.prototype.$a=a does not seem to work. You will not find $a

can be attached to the Vue prototype.
such as: Vue.prototype.$a=a
use: this.$a

Previous: How does el-table change the header color

Next: Koa-router route matching problem

On the trigger of onChange event in react input box
recently encountered some problems in the process of learning react.js. Go to the code diagram first: inputonChangestate,stateinputvalue. consolestateinputvalue,... state,,,. this picture, which obtains the real-time value, fetched by input directl...

Node.js css html5 html javascript

Mar.13,2021
Vue uses components not to render only when the code has changed
this component is a chart <script> import { Line } from vue-chartjs ; export default { extends: Line, mounted () { this.renderChart({ labels: [ January , February , March , April , May , June , J...

Node.js css html5 html javascript

Apr.09,2021