前言

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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐