vue3 全局引入js代码

在Vue3中，全局引入一个JS文件的方式与之前的版本有所不同。首先，我们需要在项目的`main.js`文件中引用该JS文件。在Vue3中，引用方式如下：

// 引入js文件
import util from '@/Common/Js/util.js'

// 将util设置为全局属性
app.config.globalProperties.$util = util;

其中，`util`是我们引入的JS文件中的对象或函数，`app`是Vue3应用的根实例。

在引用的JS文件中，我们需要先创建一个放在`Common`目录下的JS文件，例如`util.js`，并在文件中定义我们需要的方法或功能。比如，我们可以在`util.js`中写入以下代码：

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

// 导出
export default {
  show: show
}

这样，我们就完成了在Vue3中全局引入JS代码的操作。现在，我们可以在项目的任何组件中使用`$util.show()`来调用该JS文件中的`show`方法了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue3如何引用全局JS文件](https://blog.csdn.net/weixin_53200369/article/details/123814920)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]