VUE项目中安装和使用vant组件Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库提供了一整套 UI 基础组件和业务组件。组件中文文档地址https://youzan.github.io/vant/#/zh-CN/home1、创建VUE项目之后进入项目目录运行安装命令npm i vant-S2、安装 babel-plugin-import 插件babel-plugin-import 是一款 babel 插件它会在编译过程中将 import 的写法自动转换为按需引入的方式npm i babel-plugin-import-D3、在.babelrc文件中配置plugins插件plugins:[transform-vue-jsx,transform-runtime,[import,[{libraryName:vant,style:true}]]],4、按需要引入vant组件比如我们要在HelloWord.vue组件中使用 Loading 组件我们可以先 在组件中引入scriptimport{Loading}fromvantexportdefault{components:{[Loading.name]:Loading}}/script然后在页面中加入组件代码templatedivvan-loading colorblack/van-loading colorwhite/van-loading typespinnercolorblack/van-loading typespinnercolorwhite//div/template这样就可以看到效果了文章参考链接https://blog.csdn.net/ansu2009/article/details/80682920