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 import引入js文件,在js文件发生改变时,如何重新加载

你可以使用 webpack-dev-server 或者 webpack-hot-middleware 来实现热重载，也可以使用 Vue CLI 提供的功能来实现。具体使用方法可以参考 Vue 官网文档或者相关的开源项目。

vue3 js懒加载

Vue3中可以使用异步组件实现懒加载，具体步骤如下：

1. 安装@vue/cli-service-global依赖：npm install -g @vue/cli-service-global
2. 在组件中使用import()语法引入需要懒加载的组件，例如：const Foo = () => import('./Foo.vue')
3. 在路由配置中使用component属性指定需要懒加载的组件，例如：{ path: '/foo', component: Foo }