《Vue j實戰》一書 p171 練習 2 試做

2022-07-25 09:51:15 字數 1242 閱讀 2917

練習2 : 將該示例的render 寫法改寫為 template 寫法,加以對比,總結出兩者的差異性,深刻

理解其使用場景。

解答:1,使用render與template,其差異性,如同使用指令碼語言與圖形介面操作

2,使用render,專注點在各種精細的操作,使用template,注意力則主要放在資料的操作上,其底層如何運作,則為其次。

3,使用render,如同 開手動檔汽車,何時掛何檔,怎麼讓油門與離合器相配合,是重點

4,使用template,如同 開自動檔汽車,一鍵啟動後,不再需要操心離合器,一切自動搞定。

5,既要享受使用開自動波的樂趣,也要能知道一旦汽車拋錨,如何檢測。

在table.vue中,刪除了render函式,改為使用template,如下:

for="item in currentcolumns" :key="item.key" :style="">            

for="(col, index) in columns">

if="col.sortable" :key="col.title">

}@click="handlesortbyasc(index)"

>↑

@click="handlesortbydesc(index)"

>↓

else :key="col.title">}

for="row in currentdata" :key="row.name">

for="cell in currentcolumns" :key="cell.key">}

再貼下render函式:

render(h)

}))});

var ths=;

this.currentcolumns.foreach((col,index)=>,

on:}

},'↑'),

h('a',,

on:}

},'↓')

]));

}else

})var trs=;

this.currentdata.foreach(row=>);

trs.push(h('tr',tds));

});return h('table',[

h('colgroup',cols),

h('thead',[

h('tr',ths)

]),h('tbody',trs)

])}

重構 一書要點

很實用的要點,每次重構都要重新看看這些要點,真正用到平時的日常工作中。壞味道 1.duplicate code 重複 2.long method 長方法 3.large class 過大的類 4.long parameter list 過長引數列 5.divergent change 發散式變化 6...

一書合,萬書開

一書合,萬書開。這句話雖然說的有點誇張,但是是不折不扣的現實。有時候一本好書合上了,就會發現更多的知識需要我們去學習,有更多的書需要去讀。浪潮之巔 讓我對自身所處的行業有了新的認識,對自己的道路多了很多疑問。如何走,怎麼走?未來的發展在 作為乙個從程式設計師 拔 上來的專案經理,過去的六個月讓我懂得...

每週一書計畫

雖然現在網際網路上的知識足夠豐富,雖然搜尋引擎足夠強大,雖然我們大部分時間都被碎片化,但是在這個煩亂 急躁的世界裡如果能靜下心來讀一本書將是多麼幸福的事情啊。書籍誕生上千年,伴隨著人類的進步發展到今天 在我們離開校園走入社會之前,我們一直在圍繞著書打轉。書就在我們的基因裡,書根深於我們的思想中,我們...