vue如何每次都重新加载引入的js

文件？

可以尝试使用 webpack 的热更新机制，在 webpack 配置中添加以下代码：

module.exports = {
  // ...其他配置
  devServer: {
    hot: true
  }
}

然后在 Vue 组件中使用以下方法，每次调用时就会重新加载引入的 JS 文件：

import somePlugin from './somePlugin.js'

export default {
  mounted() {
    somePlugin()
  },
  methods: {
    reloadPlugin() {
      delete require.cache[require.resolve('./somePlugin.js')]
      const newPlugin = require('./somePlugin.js')
      newPlugin()
    }
  }
}

当需要重新加载引入的 JS 文件时，调用 `reloadPlugin` 方法即可。

相关问题

vue mounted中引入js，并等待加载完毕

在Vue的`mounted`生命周期钩子中引入并等待JavaScript文件加载完毕，你可以使用动态创建`<script>`标签的方式来实现。下面是一个示例代码：

mounted() {
  const script = document.createElement("script");
  script.src = "your_script_url.js";
  script.async = true;

  script.onload = () => {
    // JavaScript文件加载完毕后的操作
    console.log("JavaScript文件加载完毕");
    // 在这里可以执行你需要的操作
  };

  document.head.appendChild(script);
}

上述代码中，我们首先创建一个`<script>`标签，设置`src`属性为你要引入的JavaScript文件的URL。然后，将`async`属性设置为`true`，表示异步加载文件。

接着，我们给`script`标签添加一个`onload`事件监听器。当JavaScript文件加载完毕后，该事件将触发，并执行相应的操作。

最后，将`script`标签添加到`document.head`中，即可开始加载JavaScript文件。

请确保将"your_script_url.js"替换为你实际要引入的JavaScript文件的URL。另外，如果需要在该文件加载完成后执行其他操作，可以在`onload`回调函数中编写相应的代码。

vue 动态远程链接加载js

Vue是目前流行的前端框架之一，能够提供高效且易于维护的开发方式。在开发过程中，常常有需要动态加载JS文件的需求，此时我们可以采用Vue提供的异步组件来实现动态远程链接加载JS的效果。

异步组件是指在需要的时候才会进行加载的组件，也就是说在初始渲染时不会被加载。当异步组件需要使用时，Vue会在后台自动发送一个异步请求并加载组件。异步组件的实现方式是将组件定义为一个函数，该函数返回`import()`方法异步加载JS文件并返回其中定义的组件。

可以按如下步骤来实现Vue动态远程链接加载JS功能：

1. 定义异步组件，该组件返回`import()`方法异步加载JS文件并返回其中定义的组件：

Vue.component('my-component', function (resolve, reject) {
  // 异步要加载的脚本文件
  import(/* webpackChunkName: "my-component" */ './my-component.js').then((module) => {
    resolve(module)
  })
})

2. 在需要使用该组件的地方，例如模板或其他组件，使用`<my-component></my-component>`标签来引入该组件。

使用Vue动态远程链接加载JS能够使得开发者更加灵活，可以在页面的运行时动态更新JS文件的内容，实现更多复杂的交互功能。虽然实现过程比较复杂，但是有了异步组件这样的工具，使得开发者可以轻松地实现Vue动态远程链接加载JS的功能，提高了开发效率。