之前搞pc端的 會使用element的ui組件 現(xiàn)在 vue3 來了? 順便也更新試用下 vuu3中的ui組件? 不過好像 element還沒更新支持? vue3? 所以先用antd 來試試看

1. 安裝

npm i --save ant-design-vue@next

2. 注冊使用? 引入樣式文件

import { Button, message } from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; var app = createApp(App); app.use(Button); app.use(store).use(router).mount('#app')

3. 使用

<a-button type="primary">阿里云</a-button> <a-button type="dashed">新浪云</a-button> <a-button type="danger">騰訊云</a-button>

4. 顯示效果

vue3 持續(xù)學習中?? 關注我 持續(xù)更新前端知識?

總結

以上是生活随笔為你收集整理的vue3 中使用antd UI组件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。