前言

Vue3相较于之前的版本有了不少变化,如引用全局Js文件


一、如何引用全局JS文件

1、先创建一个JS文件放在Common 目录下,随意写一些内容,文件命名为util.js(命名随意)

//方法体
function show(){
 	console.log("我是测试js");
}
//导出
export default{
	show:show
}

2、在main.js中引用,这里Vue3和之前的版本就有所不同
之前Vue版本的引用:

//引入js文件
import util from 'Common/Js/util.js'
Vue.prototype.$util = util;

而Vue3的引用方式为:

//引用js文件
import util from '@/Common/Js/util.js'
app.config.globalProperties.$util = util;
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐