vue双向绑定中observe,compile，watcher和视屏中讲的render等之间啥关系？

Answer 1

双越 2018-05-15 20:00:56

compile 是编译，即将模板字符串编译成 render 函数，执行 render 函数会返回 vnode ，然后可以渲染出真实 DOM 。

observer 和 watcher 都是做数据相应用的。observer 会监听数据变化，watcher 是数据变化时要触发的业务逻辑、即执行更新，执行更新时又会用到 render 函数，生成 newVnode ，最后和 vnode 对比，更新视图。

• 提问者 米吧 #1

  非常感谢！

• 提问者 米吧 #2

  视屏中好像没讲到这三个东西，而且在讲render函数时老师有说过有工具可以把模板编译成render函数，不用我们去深究怎么编译，那么为了面试的话需要回答compile，observer 和 watcher 等这些吗？

• 双越 回复 提问者 米吧 #3

  细节比较复杂，你要是想掌握好需要花费大量成本。但是要了解大概流程和关键点，经过视频指导之后会很快掌握。就类似于，你花费10天考90分，还是花费1天考70分，我更加推荐后者。而前端面试中，能了解关键点和流程，就能达到要求，绝对不会有面试官因为你不了解 compile 的细节而拒绝你。

点开查看后面1条评论