vue 渲染函数&jsx

Posted 2020-11-09 Y.anCy

前端更新状态，更新视图，所以性能问题主要由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 原始写法，方便维护，和可读性