vue 怎么 按需加载第三方插件

在 Vue 中，可以通过 webpack 的 Code Splitting 技术来按需加载第三方插件，具体步骤如下：

1. 安装需要按需加载的第三方插件，例如：

npm install moment --save

2. 在需要使用该插件的组件中，使用 webpack 的动态 import 语法来按需加载该插件，例如：

import('moment').then((moment) => {
  // 使用 moment 插件
})

3. 如果需要在多个组件中使用该插件，可以将其封装成一个公共的插件，并在需要使用的组件中引入该插件。例如，在 main.js 中定义一个全局插件：

import moment from 'moment'

Vue.prototype.$moment = moment

然后在需要使用该插件的组件中，直接通过 `this.$moment` 来使用该插件，例如：

export default {
  mounted() {
    this.$moment(/* ... */)
  }
}

通过以上步骤，就可以在 Vue 中按需加载第三方插件了。需要注意的是，如果按需加载的插件比较多，可以考虑使用 webpack 的 SplitChunksPlugin 插件将它们打包成一个独立的文件，以减少页面加载时需要请求的资源数量。