在vue里面使用 vant ui组件库

Posted chenglianjie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vue里面使用 vant ui组件库相关的知识,希望对你有一定的参考价值。

一.放上vant官网

https://youzan.github.io/vant/#/zh-CN/

二.按需引入vant组件

npm i vant -S

npm i babel-plugin-import -D  //这是一个插件 按需引入时必须要引入

// 在 babel.config.js 中配置

module.exports = {
  plugins: [
    [‘import‘, {
      libraryName: ‘vant‘,
      libraryDirectory: ‘es‘,
      style: true
    }, ‘vant‘]
  ]
};

 三.具体组件的引入

在main.js

 

以上是关于在vue里面使用 vant ui组件库的主要内容,如果未能解决你的问题,请参考以下文章

2021适配Vue3的UI组件库 移动端

二.移动端组件库

微信小程序+Vant UI入门

如何使用Vue集成其它UI组件?如何阅读UI官网?移动端组件Vant实例教程(熬夜干货)

墨刀联合有赞Vant组件库,让你轻松设计出电商原型

vue中使用vant-UI实现移动端自定义省市区三级联动