Vant UI 安裝

 

一：安裝

npm i vant -S

2、引入組件（共有三個方法）

　　方法一：使用 babel-plugin-import (推薦)

　　一、 安裝 babel-plugin-import 插件

npm i babel-plugin-import -D

     二、 在 .babelrc 或 babel-loader 中添加插件配置  請覆蓋原先代碼不然會報錯

{
  "plugins": [
    ["import", { "libraryName": "vant", "style": true }]
  ]
}

　三、在代碼中引入Vant組件，插件會自動將代碼轉化爲方式二中的按需引入形式。

import { Button } from 'vant';

 

　　方法二：按需引入組件

import { Button } from 'vant/lib/button';
import 'vant/lib/vant-css/base.css';
import 'vant/lib/vant-css/button.css';

　　

     方法三：導入全部組件

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/vant-css/index.css';

Vue.use(Vant);

vue小白交流羣，但願可以幫助到你們！