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)

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