vantUI在vue2.x项目中的安装和使用

最新推荐文章于 2024-01-20 15:07:17 发布

负债两百万的蛋黄

最新推荐文章于 2024-01-20 15:07:17 发布

阅读量440

点赞数

CC 4.0 BY-SA版权

分类专栏： vuejs

本文链接：https://blog.youkuaiyun.com/hellenYuan/article/details/109848497

vuejs 专栏收录该内容

20 篇文章

订阅专栏

本文详细介绍如何在Vue项目中安装并配置Vant UI组件库。步骤包括使用npm安装依赖、配置babel-plugin-import插件以及引入Vant样式。适用于Vue 2.x版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装

第一步：npm i vant --save
第二步安装vant plugin：npm i babel-plugin-import -D
第三步：配置样式

// vue2.x在.babelrc文件中添加：
"plugins":[
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
  // 如果本身有plugins了，则应该为：
  "plugins":[
    "transform-vue-jsx", "transform-runtime", // 这里要保留，否则会报错
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]