Vue 中引用 JS 文件有两种方式：使用 标签加载外部脚本，优点是简单易用，缺点是会阻塞 HTML 解析。使用 Vue 插件加载脚本，优点是可重用、不影响 HTML 解析，缺点是需要安装 Vue 插件。
如何在 Vue 中引用 JS 文件
在 Vue 中，引用 JS 文件有两种主要方法：
方法 1：使用 标签
标签用于在 Vue 组件内加载外部 JS 文件。语法如下：
立即学习“前端免费学习笔记（深入）”；
优点：
- 简单易用
- 可以加载来自不同域的脚本
- 支持按需加载
缺点：
- 会阻塞 HTML 解析，直到脚本加载完成
- 不适合大型脚本
方法 2：使用 Vue 插件
Vue 插件是一种扩展 Vue 功能的 JavaScript 模块。它们通常用于管理状态、添加自定义指令或提供其他功能。
要使用 Vue 插件加载 JS 文件，需要使用 Vue.use() 方法。语法如下：
import myPlugin from './my-plugin.js'; Vue.use(myPlugin);
优点：
- 可重用
- 无需手动加载脚本
- 不影响 HTML 解析
缺点：
- 需要安装 Vue 插件
- 仅适用于 Vue 特定的需求
