方式一. 自動按需引入組件
按照vant
官網(wǎng)安裝兩個插件
- 安裝
vant
組件庫 - 安裝
babel-plugin-import
插件
$npm i vant@latest-v2 -S
$npm i babel-plugin-import -D
- 在組件中引入按需引入組件
import { Button } from 'vant';
- 在頁面中這樣使用
<van-button type="primary">主要按鈕</van-button>
此時發(fā)現(xiàn)樣式無效
解決辦法:在組件中的components
添加以下代碼
components: {
[Button.name]: Button,
}
image.png