關(guān)于vant
vant —— 輕量、可靠的移動(dòng)端 Vue 組件庫
安裝
通過npm
npm i vant -S
或是通過Vue Cli 圖形化界面
在依賴彩蛋中點(diǎn)擊“安裝依賴”.png
搜索有贊團(tuán)隊(duì)的vant并安裝.png
引入
想實(shí)現(xiàn)按需引入組件炊甲,要先安裝babel-plugin-import材鹦,一款 babel 插件飞傀。
npm i babel-plugin-import -D
同樣也可以使用Vue Cli圖形化界面,在此不再贅述舔腾。
然后在babel.config.js中添加以下內(nèi)容
module.exports = {
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
};
使用
引入組件沪摄,使用組件
import { Button } from 'vant';
Vue.use(Button)