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

成都創(chuàng)新互聯(lián)是一家專業(yè)提供達(dá)茂旗企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站制作、H5場(chǎng)景定制、小程序制作等業(yè)務(wù)。10年已為達(dá)茂旗眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。

antd適合vue使用，因?yàn)閍nt design有vue版本的，對(duì)應(yīng)的名稱為“ant-design-vue”；在vue項(xiàng)目中可以使用“npm i --save ant-design-vue”命令進(jìn)行安裝使用即可。

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

ant-design-vue是螞蟻金服 Ant Design 官方推薦的Vue版UI組件庫(kù)，它其實(shí)是Ant Design的Vue實(shí)現(xiàn)，組件的風(fēng)格與Ant Design保持同步，組件的html結(jié)構(gòu)和css樣式也保持一致。 用下來(lái)發(fā)現(xiàn)它的確稱得上為數(shù)不多的完整的VUE組件庫(kù)與開(kāi)發(fā)方案集成項(xiàng)目。

官網(wǎng)：

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

優(yōu)點(diǎn)：

提煉自企業(yè)級(jí)中后臺(tái)產(chǎn)品的交互語(yǔ)言和視覺(jué)風(fēng)格。

開(kāi)箱即用的高質(zhì)量 Vue 組件。

共享Ant Design of React設(shè)計(jì)工具體系。

ant-design-vue的全局引入

1、先用vue的腳手架工具vue-cli創(chuàng)建一個(gè)vue項(xiàng)目

2、安裝ant-design-vue

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

1.png

3、全局引入

（1）完整引入

main.js中全局引入并注冊(cè)

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

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

（2）導(dǎo)入部分組件

在main.js中導(dǎo)入并注冊(cè)需要在項(xiàng)目中使用的組件

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

在項(xiàng)目中可以直接使用這個(gè)已經(jīng)注冊(cè)的組件

以上是“antd合不合適vue”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標(biāo)題：antd合不合適vue-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/ccgijh.html