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

安装

第一步：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
    }]
  ]

使用

https://www.w3cschool.cn/vantlesson/