JSX是一种描述组件内容的数据结构,为JS赋予了更多的视觉表现力
Fiber相对于JSX来说是储存的JSX的编译结果,并且会多出一些信息。
比如组件更新的优先级,
组件的state
被打上的Renderer标记 等等
所以,在组件mount的时候,Reconciler根据JSX描述的组件内容生成Fiber节点
在update时,Reconciler将JSX与Fiber节点保存的数据进行比对,生成组件对应的Fiber节点,并根据对比结果为Fiber节点打上标记
大多数的Vue模板编译发生在打包阶段,但提供了runtime-with-complier的版本可以在运行时编译。做一些特殊需求。