jsx

学习 JSX ,先了解一下 createElement 提到 JSX ,不可避免的就要提到 createElement ,当你看完本节，你会发现，奇怪的知识又增多了。ok，我们接着上一部分继续讲。这一次的准备工作是了解createElement。 从 Vue 编译后的代码看 createElement 你是否看过写的 Vue 代码经过编译之后的样子，比如下面这段代码 <template> <div>我喜欢<span class="emphasize">前端</span></div> </template> 小编对这段代码进行编译之后，得到下面这段代码 function () { var e = this , // e._self._c 对应源码里面的createElement t = e._self._c; // 返回了一个 createElement('div',[]) return t("div" , [ // e._v 对应源码里面的createTextVNode e._v("my" ), t( "span", { staticClass: "emphasize" }, [e._v("前端" )]), ]); } 通过对上面的代码进行分析，不难发现， Vue 模板中的每一个元素编译之后都会对应一个 createElement ,那么这个 createElement 到底是什么