Ant Design是一個(gè)適用于企業(yè)級(jí)中后臺(tái)Web應(yīng)用的UI框架,而其對(duì)應(yīng)的Antd Vue是一個(gè)基于Vue.js的Ant Design樣式庫(kù),這里我們將介紹如何使用Antd Vue實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表單組件。
首先,我們需要安裝Antd Vue。可以通過(guò)npm進(jìn)行安裝:
npm install ant-design-vue --save
接下來(lái),我們需要在項(xiàng)目中引用Antd Vue??梢赃x擇全局引用,也可以按需引用。這里我們選擇全局引用:
import Vue from 'vue';
import Antd from 'ant-design-vue';
Vue.use(Antd);
現(xiàn)在我們將創(chuàng)建一個(gè)表單組件。我們首先需要在Vue組件內(nèi)引入我們需要的Antd Vue組件,比如Input、Button、Form、FormItem等等:
表單組件就完成了,無(wú)需手動(dòng)編寫(xiě)樣式即可擁有Ant Design樣式。