vue使用第三方组件按需引入，并抽离单独文件

1.安装和按需加载方式查看第三方组件官方文档

安装vant：npm i vant -S

安装按需引入插件 npm i babel-plugin-import -D

配置：

// 对于使用 babel7 的用户，可以在 babel.config.js 中配置

module.exports = {

plugins: [

['import', {

libraryName: 'vant',

libraryDirectory: 'es', style: true

}, 'vant']

]

};

2.在src=>utils=>新建vant.js

import {Tabs,Tab  } from "vant";

const Vant = {

  install: (Vue) => {

    Vue.use(Tabs);

    Vue.use(Tab);   

  },

};

export default Vant;

3.在mai.js中引入并使用

import Vant from '@/utils/vant';

Vue.use(Vant);