BangZ's 梦工厂

FutureTech Research Center


  • 首页

  • 标签

  • 分类

  • 归档

  • PDF

  • 搜索

Vue 数据驱动原理教程链接集合

发表于 2018-07-10 | 分类于 技术研究 | 阅读次数:

文档:

  • Vue 技术揭秘
  • 剖析 Vue 实现原理 - 如何实现双向绑定 mvvm

监听数据变化:

  • VUE2.0 如何追踪数据变化?
  • Vue 源码学习之一:监听数据对象变化

实现从 VDOM 到 DOM:

  • Vue 2.0 的 virtual-dom 实现简析
  • Vue2.1.7 源码学习

    一、createElement(): 用 JavaScript 对象 (虚拟树) 描述 真实 DOM 对象 (真实树)

    二、diff(oldNode, newNode) : 对比新旧两个虚拟树的区别,收集差异 < br>
    三、patch() : 将差异应用到真实 DOM 树

监听 DOM 表单元素变化:

  • Vue.js 双向绑定的实现原理
  • 从 vue.js 的源码分析,input 和 textarea 上的 v-model 指令到底做了什么

其他:

  • vue2 实现 div contenteditable=”true” 类似于 v-model 的效果

  • 如何理解 v-model 就是语法糖?
  • Vue 进阶教程之:详解 v-model
  • 如何监听页面 DOM 变动并高效响应(事件委托)
# javascript # 前端 # Vue
HTTP 面试指南
display: none 和 visibility: hidden 的区别
BangZ

BangZ

82 日志
6 分类
40 标签
RSS
GitHub E-Mail
© 2022 BangZ
由 Hexo 强力驱动 v3.7.1
|
主题 — NexT.Muse v6.3.0