_v(" "), //空的文本节点 

 

        (message) //三元表达式，断定 message 是否存在 

 

         //如不雅存在，创建 p 元素，元素琅绫擎有文本，值为 toString(message) 

 

        ?_c('p',[_v("\n    "+_s(message)+"\n  ")]) 

 

        //如不雅不存在，创建 p 元素，元素琅绫擎有文本，值为 No message. 

 

        :_c('p',[_v("\n    No message.\n  ")]) 

 

      ] 

 

    ) 

 

  } 

 

})  

想加倍深刻VNode diff算法道理的，可以不雅看(解析vue2.0的diff算法)

总结

• compile 函数主如果将 template 转换为 AST，优化 AST，再将 AST 转换为 render函数;
• render函数 与数据经由过程 Watcher 产生接洽关系;
• 在数据产生变更时调用 patch 函数，履行此 render 函数，生成新 VNode，与旧 VNode 进行 diff，最终更新 DOM 树。 

【编辑推荐】

1. 摸索前端黑科技——经由过程png图的rgba值缓存数据
2. 在Vue.js中应用Mixin
3. Vue.js和MVVM小细节
4. 用Jsx写Vue组件
5. 前端MVC变形记

【义务编辑：枯木 TEL：（010）68476606】

　　推荐阅读

　　拯救者Linux：我是如何给我的团队引入Linux的

在项目早期就碰到公开的掉败后，一个有名大年夜学的 IT 团队决定将他们的 web 注册体系安排到 Linux上，此举几乎将办事器的最大年夜用户拜访量进步了 3 倍1998年，我在明尼苏达大年夜学为>>>详细阅读

本文标题：深入Vue2.0底层思想–模板渲染

地址：http://www.17bianji.com/lsqh/36398.html

 1/2    1