vue中怎么应用外部js文件并使用

在 Vue 中使用外部 JS 文件，可以通过以下步骤实现：

1. 在 Vue 项目的 public 文件夹下创建一个 js 文件夹，将需要使用的外部 JS 文件复制到该文件夹下。

2. 在 Vue 组件中引入外部 JS 文件。可以在组件的 mounted 钩子函数中动态引入，代码如下：

mounted() {
  const script = document.createElement('script');
  script.src = '/js/external.js'; // 外部 JS 文件的路径
  document.head.appendChild(script);
}

3. 在 Vue 组件中使用外部 JS 文件。需要在外部 JS 文件中暴露出需要使用的函数或变量，然后在 Vue 组件中调用即可，代码如下：

// 在外部 JS 文件中定义一个函数
function externalFunction() {
  console.log('Hello from external JS file!');
}

// 在 Vue 组件中调用该函数
mounted() {
  const script = document.createElement('script');
  script.src = '/js/external.js'; // 外部 JS 文件的路径
  document.head.appendChild(script);
  script.onload = () => {
    externalFunction(); // 调用外部函数
  };
}

注意：在使用外部 JS 文件时，需要确保该文件已经加载完成后才能调用其中的函数或变量。可以在 script 标签的 onload 事件中进行调用。