vue2如何安裝引入Ant Design
更新時間：2024年03月18日 09:55:27 作者：SuperYiY
這篇文章主要介紹了vue2如何安裝引入Ant Design問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
前言
antd 是基于 Ant Design 設計體系的 React UI 組件庫，主要用于研發(fā)企業(yè)級中后臺產(chǎn)品。
而Vue框架是搭配 Ant Design Vue;
Vue3安裝
npm install --save ant-design-vue
安裝為Ant Design Vue的最新版，與Vue3適配；
而是vue2項目需指定版本號為1.x.x，否則會出錯
若出錯需要卸載 npm uninstall ant-design-vue ，重新安裝
Vue2安裝
@ 指定版本號
npm install --save ant-design-vue@1.7.8
main引入
在main.js文件中
import Antd from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; Vue.use(Antd);
簡單使用
例子：描述列表
<a-descriptions bordered title="用戶信息">
<a-descriptions-item label="UserName">
蔡小藝
</a-descriptions-item>
<a-descriptions-item label="Telephone">
1810000000
</a-descriptions-item>
<a-descriptions-item label="Live">
廣東 廣州
</a-descriptions-item>
<a-descriptions-item label="Remark">
empty
</a-descriptions-item>
<a-descriptions-item label="Address">
宇宙最深處的前端
</a-descriptions-item>
</a-descriptions>
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue實現(xiàn)Layui的集成方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
熱力圖是一種數(shù)據(jù)可視化技術,它使用顏色來表示數(shù)據(jù)點的值,熱力圖常用于可視化分布數(shù)據(jù),例如人口密度、溫度變化或網(wǎng)站流量,本文給大家介紹了如何使用Vue3和ApexCharts創(chuàng)建交互式熱力圖,需要的朋友可以參考下2024-06-06
vue?模板循環(huán)繪制多行上傳文件功能實現(xiàn)
這篇文章主要為大家介紹了vue?模板循環(huán)繪制多行上傳文件功能實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
vue-drawer-layout實現(xiàn)手勢滑出菜單欄
這篇文章主要為大家詳細介紹了vue-drawer-layout實現(xiàn)手勢滑出菜單欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
element-ui使用el-date-picker日期組件常見場景分析
最近一直在使用 element-ui中的日期組件,所以想對日期組件常用的做一個簡單的總結,對element-ui el-date-picker日期組件使用場景分析感興趣的朋友一起看看吧2024-05-05
過濾器是vue為開發(fā)者提供的功能，常用于文本的格式化，過濾器應該被添加在JavaScrip表達式的尾部，由“管道符”進行調用，這篇文章通過案例給大家講解Vue過濾器介紹及使用方法，需要的朋友參考下吧2022-11-11
在項目開發(fā)中，如果使用到了 vuex，通常我會將所有的接口請求單獨用一個文件管理，這篇文章主要介紹了Vuex中actions如何優(yōu)雅處理接口請求,業(yè)務邏輯寫在 actions 中，本文給大家分享完整流程需要的朋友可以參考下2022-11-11
這篇文章主要為大家詳細介紹了vue實現(xiàn)簽到日歷效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了vue請求函數(shù)和路由的安裝使用過程,本文給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-08-08
這篇文章主要為大家詳細介紹了vue3中form表單層級嵌套問題的相關解決方法,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2025-05-05