1. 程式人生 > >vue 渲染函數&jsx

vue 渲染函數&jsx

vue 延伸 方法 turn htm 原理 reader scrip java

前端更新狀態,更新視圖,所以性能問題主要由Dom操作引起的,而js解析編譯dom渲染就要快得多, 所把要js和html混寫。

vue 的動態js操作 html 方法:reader函數:

vue 虛擬dom原理 +jsx

=========================

<h1>{{bigTitle }}</h1>

渲染函數:

reader:function(createElement){

  return createElement(‘h1‘,this.bigTitle);

}

================

縮寫1:reader (h){

  reader h(App)

}

===================

縮寫2:reader: h => h(App)

jsx:javascript eXtension(延伸),簡化reader 原始寫法,方便維護,和可讀性

vue 渲染函數&jsx