vue文件引入一个js文件（公共函数）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_34492035/article/details/86495582

写vue项目的时候，会遇到有公共的js函数需要提取出来 在好几个文件里引用，或者引入一个变量或者json。
我的做法是
新建一个js文件

// module.exports.aa= {
//     "aa":"678",
// };
// module.exports.bb= (() =>{
//     return '这是bb的函数！'
// })
let aa = 'aaaaaaa',
    bb = ( () => {
        return '这是函数bbbbb'
    })
export {aa,bb};

这里写了两种方式一种是通过 module.exports 导出 然后 需要使用的时候 直接在需要引入的文件里
import {aa,bb} from “js文件的路径”；
使用的时候直接 用 aa,bb就可以获取到变量 和函数 函数使用的话要加（） 也可以根据需要传不同参数

第二种方式 是通过先let 定义 变量 或者函数 然后export 导出 然后需要引入的话 跟上面的方法一样 也是
import {aa,bb} from “js文件的路径”；
如果有的页面不需要全部引入的话 就 import的时候做个选择 比如这样
import {aa} from “js文件的路径”；

需要详细了解 export module.exports export default可以看这里
https://www.cnblogs.com/fayin/p/6831071.html
希望可以帮到你
记录！