vue文件时怎样编译运行到浏览器的

http://www.manongjc.com/article/21832.html

通过vue-loader，解析.vue文件，在webpack解析，拆解vue组件

  1. 编译模板，

    • 生成可复用的render function code，
    • 这一步在vue实例的整个生命周期中只会执行一次甚至零次，
    • 因为我们可以在打包的时候可以预编译

  2. 生成watcher等核心渲染监听，

    • 在整个vue实例的生命过程中持续发生着作用，
    • 对view和modal进行双向绑定

  3. 虚拟dom的diff比较，

    • 当watcher监听到data的变更的时候，
    • 就会根据注入新的data执行render function code，
    • 生成新的虚拟dom，
    • 跟老的虚拟dom（第一次执行的时候可能为空）进行diff比对，
    • 不同的部分将写入真实的dom

最新文章

  1. 【CentOS】Linux日常管理
  2. Hiho 1232 北京网络赛 F Couple Trees
  3. 使用HtmlAgilityPack解析Html(非常好用)
  4. MVC模型的理解
  5. 网页计算器，（类，隐藏域，style=display：block等）
  6. MVCC
  7. android中的文件操作详解以及内部存储和外部存储（转载）
  8. 分西瓜（DFS）
  9. WCF分布式事务（EF）
  10. TodoList开发笔记 – Part Ⅱ
  11. Pipeline in scala——给scala添加管道操作
  12. react-native-image-picker 运用launchCamera直接调取摄像头的缺陷及修复
  13. ASP.NET应用程序服务器集群方案
  14. Laravel 5 中间件、路由群组、子域名路由、 权限控制的基本使用方法
  15. 在浏览器中浏览git上项目目录结构
  16. 实现两线程的同步一（wait/notify）
  17. IntelliJ IDEA 性能优化
  18. windows上搭建nginx
  19. opencv掩模操作
  20. Delphi接口的底层实现

热门文章

  1. SAP HANA : CDS
  2. js判断图片链接是否有效
  3. 关于Python 面向对象寻值的问题. How the number be found in the OOP in Python
  4. pytorch自定义RNN结构（附代码）
  5. vue的增删改查（简单版）
  6. Java基础——IO模型详解
  7. 【Java学习Day06】注释种类、符号及用法
  8. PS 查看进行状态
  9. uniapp打包app出现HTML5+ Runtime
  10. 第三周day4