vue import引入js文件,在js文件发生改变时,如何重新加载

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

相关问题

vue如何引入在线js文件

在Vue中引入在线JS文件有以下几种方法：

1. 直接在HTML文件中使用script标签引入在线JS文件，这种方式不需要使用Vue的相关语法，但是需要注意异步加载和加载顺序等问题。

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>

2. 在Vue组件中使用Vue提供的import语法引入在线JS文件，这种方式需要使用ES6的模块化语法，可以更好地管理依赖关系。

import Vue from 'vue'
import axios from 'axios'

Vue.prototype.$axios = axios.create({
  baseURL: 'https://api.example.com'
})

3. 在Vue的index.html文件中使用动态加载的方式引入在线JS文件，这种方式可以避免加载顺序问题，并且可以根据需要动态加载资源。

<script>
  const script = document.createElement('script')
  script.src = 'https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js'
  script.async = true
  document.body.appendChild(script)
</script>

vue按需引入js文件

Vue.js的按需引入功能可以通过Webpack的Code Splitting特性实现，使用Webpack的import()函数动态加载组件或模块，从而实现按需引入。

举个例子，如果你想按需引入一个名为"my-component"的组件，可以在Vue的单文件组件中这样写：

export default {
  components: {
    'my-component': () => import('./MyComponent.vue')
  }
}

这样，在组件被渲染的时候才会动态加载对应的文件，从而实现按需引入。

当然，如果你使用的是Vue CLI，你可以使用它提供的@vue/cli-plugin-babel-plugin-component插件来自动化按需引入的过程。你只需要在Babel配置文件中添加如下代码：

plugins: [
  [
    'component',
    {
      libraryName: 'your-library-name',
      styleLibraryName: 'your-style-library-name'
    }
  ]
]

然后在你需要引入组件的地方直接使用即可：

import { MyComponent } from 'your-library-name'

Vue.use(MyComponent)

这样就可以自动按需引入组件了。