通過 npm 安裝
npm i vant -S
安裝插件
npm i babel-plugin-import -D
babel.config.js 中添加配置
// 注意:webpack 1 無需設置 libraryDirectory
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
在項目中用到的在main.js中按需引入
import { Tabbar, TabbarItem } from 'vant'
掉用中間件
Vue.use(Tabbar).use(TabbarItem)
可能出現(xiàn)的問題(有的沒有引入)
比如用list的時候,代碼如下
import Vue from 'vue';
import { List } from 'vant';
Vue.use(List);
<van-list
v-model="loading"
:finished="finished"
finished-text="沒有更多了"
@load="onLoad"
>
<van-cell v-for="item in list" :key="item" :title="item" />
</van-list>
用到了van-cell但是沒有引入,會報錯建峭,可以在頂端搜索cell灸蟆,然后引入cell