這篇文章主要介紹antd合不合適vue，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創新互聯建站專業IDC數據服務器托管提供商，專業提供成都服務器托管，服務器租用，綿陽服務器托管，綿陽服務器托管，成都多線服務器托管等服務器托管服務。

antd適合vue使用，因為ant design有vue版本的，對應的名稱為“ant-design-vue”；在vue項目中可以使用“npm i --save ant-design-vue”命令進行安裝使用即可。

ant design的vue版本——ant-design-vue介紹

ant-design-vue是螞蟻金服 Ant Design 官方唯一推薦的Vue版UI組件庫，它其實是Ant Design的Vue實現，組件的風格與Ant Design保持同步，組件的html結構和css樣式也保持一致。 用下來發現它的確稱得上為數不多的完整的VUE組件庫與開發方案集成項目。

官網：

https://www.antdv.com/docs/vue/introduce-cn/

優點：

提煉自企業級中后臺產品的交互語言和視覺風格。

開箱即用的高質量 Vue 組件。

共享Ant Design of React設計工具體系。

ant-design-vue的全局引入

1、先用vue的腳手架工具vue-cli創建一個vue項目

2、安裝ant-design-vue

使用命令行工具，切換到項目路徑下，使用命令【npm i --save ant-design-vue】安裝，如下圖

1.png

3、全局引入

（1）完整引入

main.js中全局引入并注冊

 import Antd from 'ant-design-vue'
  import 'ant-design-vue/dist/antd.css'
  Vue.use(Antd)

在頁面中不再需要引入注冊組件，可以直接使用所有的組件

<template>
  <div>
    <a-button type="primary">hello world</a-button>
  </div>
</template>
<script>
export default {}
</script>

（2）導入部分組件

在main.js中導入并注冊需要在項目中使用的組件

import { Button } from "ant-design-vue";
import 'ant-design-vue/lib/button/style/css'
Vue.component(Button.name, Button)

在項目中可以直接使用這個已經注冊的組件

<template>
    <div>
        <a-button type="primary">hello world</a-button>
    </div>
</template>
<script>
export default {}
</script>

以上是“antd合不合適vue”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯行業資訊頻道！

文章名稱：antd合不合適vue
URL網址：http://m.2m8n56k.cn/article16/jdsddg.html

成都網站建設公司_創新互聯，為您提供用戶體驗、網頁設計公司、網站設計公司、手機網站建設、響應式網站、軟件開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯