vue项目中公共 js 文件的封装

我们一般的做法是在 src 文件夹下 新建一个 util 文件夹,util 文件夹里面存放一个 utils.js 文件,这个 js 文件中存放公共的函数。下面讲解大概三种用法。 一、对 utils.js 通过 export default 默认导出为对象 utils.js 内容:
//import {Message, MessageBox} from 'element-ui' // elementui 引入(这里根据个人需求决定是否需要导入)
export default {
//等同于test: function ()...
test(x){
console.log(x)
},
hello(){
console.log("Hello World!")
}
}

在main.js中引入:
//公共js函数
import utils from "@/util/utils";

vue项目中公共 js 文件的封装最先出现在Python成神之路

版权声明:
作者:lichengxin
链接:https://www.techfm.club/p/27704.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>