vue組建render跟template對(duì)比
kaim
發(fā)布于 廣東 2018-08-31 · 3.7w瀏覽 3贊

  使用vue的都知道,組件是vue最重要的部分之一,而寫組件由兩種常見(jiàn)的方式:template模板和render渲染函數(shù)式的。這兩種方式的組建都能在vue中運(yùn)用,那么什么時(shí)候應(yīng)用render。

  

  render函數(shù)渲染 VS template模板

  

  后者適合邏輯簡(jiǎn)單,前者適合復(fù)雜邏輯。

  

  后者屬于聲明是渲染,前者屬于自定Render函數(shù)。聲明式渲染,使用者理解起來(lái)相對(duì)容易,但靈活性不足;自定義render函數(shù)靈活性高,但對(duì)使用者要求較高。

  

  前者的性能較高,后者性能較低。這一點(diǎn)我們可以看一下,下圖中vue組件渲染的流程圖可知。

  

  基于上一點(diǎn),我們通過(guò)vue組件渲染流程圖知道,使用render函數(shù)渲染沒(méi)有編譯過(guò)程,相當(dāng)于使用者直接將代碼給程序。所以,使用它對(duì)使用者要求高,且易出現(xiàn)錯(cuò)誤。


kaim
cc
瀏覽 3.7w
3
相關(guān)推薦
最新評(píng)論
贊過(guò)的人 3
評(píng)論加載中...

暫無(wú)評(píng)論,快來(lái)評(píng)論吧!