在vue中使用Vant

vant官网环境：vue/cli4.5.111，安装在package.json查看vue版本，下载对应版本vue2工程：npmivant-SVue3工程：npmivant@next-S2，使用2.1，先在main.js2.2中导入css和vantimport'vant/lib/index.css'。导入组件方法一：按需自动导入组件（推荐）1、安装插件npmibabel-plugin-import-D2。配置巴别塔。config.js（webpack1在babelrc添加配置，无需设置libraryDirectory）module.exports={plugins:[['import',{libraryName:'vant',libraryDirectory:'es',style:true},'vant']]};3。在vue组件中使用vant组件，注意组件的注册方式mainbuttonimport{Button}from'vant'components:{[Button.name]:Button}方法二：按需手动导入组件1.importimport{Button}from'vant'Vue.use(Button)inmain.js2.在vue组件中使用，无需再次导入组件，直接使用mainbutton方法三：导入所有组件1.importimportVantfrom'vant'inmain.js;Vue.use(范特);2.在使用vue组件时无需再次导入组件，使用primarybutton即可注意：如果你已经设置了自动开启-用法1中要求在babel.config.js中import，那么在main.js中不能再import所有的组件，否则会报UncaughtReferenceError:Vantisnotde罚款