Vue寫元件步驟

2021-09-27 08:41:07 字數 759 閱讀 4360

開發乙個元件,props型別為function,父類傳遞function的返回值給子類

1.元件註冊和使用。

註冊 commontable 元件,先引入,再匯出

元件使用,大寫字母用『-小寫字母代替』

2. props 型別為function的具體情況

初始化alldata,type為function

在父元件中呼叫對應的function

具體的function,返回字串

3. 獲取返回的值

因為返回的是乙個function,而且是乙個async(非同步)方法,所以獲取的時候要使用async和awit獲取promise裡面的值。

this.data 為父元件function返回的值。

可以在watch中監聽data的變化。

Vue元件建立過程步驟

1 建立資料庫表create table tb name engine innodb default charset utf8 對於個別常見列名資料型別使用建議 前端頁面渲染時再進行處理 1 性別 int,其中0表示女,1表示男 2 日期 varchar,將日期轉換成毫秒數的形式進行儲存 3 浮點 ...

vue 自定義步驟條元件

template steps v for item,index in setdata key item index class li ul div template ts import from vue property decorator import axios from axios compo...

vue元件庫的基本開發步驟

市面上目前已有各種各樣的ui元件庫,比如 element 和 iview,他們的強大毋庸置疑。但是我們面臨的情況是需求越來越複雜,當它們不能再滿足我們需求的時候,這個時候就有必要開發一套屬於自己團隊的元件庫了。為何要進行元件庫開發?如果你所在的公司對於頁面的樣式沒有什麼要求,那麼你只要隨便拿乙個元件...