怎么样知道 Vue 模板编译成渲染函数之后的代码？

[laicanwen]

我印象中 Vue 官方好像提供了一个在线工具，可以键入模板代码，实时编译成渲染函数显示出来。但后来我再想找又找不着了，只找到了一个私人搭建的工具： https://magiccwl.github.io/vue-compiler-online/
想问问有没有人知道那个官方工具的地址？

[murmur]

你自己写一个代码 build 一下不就指导了，render 函数是有规律的，但是复杂的 template 嵌套起来写死人

[wayh]

https://sfc.vuejs.org/

[wayh]

@wayh vue2 https://template-explorer.vuejs.org/

[ekikaizeng]

beta 版的 devtools 也可以看到

[laicanwen]

@wayh 感谢，就是这个没错

[laicanwen]

@ekikaizeng 这个确实没发现，这个也很实用。

[laicanwen]

@murmur 个人找这个的目的主要是学习模板的一些原理，不是为了手写 render 😂。