Vue 按需引入组件是指在项目中只引入需要使用的组件,而不是整个组件库。这样可以减小项目的体积,提高加载速度。
通常使用 babel-plugin-component 来实现按需引入。它能够识别 import 中的组件名称,自动引入相应的组件文件。在项目中使用 babel-plugin-component 之前,需要先安装这个插件。
例如,假设你需要引入 vant 组件库中的 Button 组件和 Tabbar 组件,在 main.js 中可以这样写:
import Vue from 'vue'
import { Button, Tabbar } from 'vant'
Vue.