Vue小技能： 模板语法响应性原理

Posted 2022-08-08 iOS逆向

文章目录

• 引言
• I 模板语法
• • 1.1 插值
  • 1.2 指令
  • 1.3 模板引用
  • 1.4 模板编译
• II 响应性原理
• • 2.1 如何让渲染响应变化
  • 2.2 Vue 响应性系统的本质
• III 计算属性
• • 3.1 计算属性的 Setter
  • 3.2 计算属性的缓存机制
  • 3.3 调试 Computed
• IV 侦听器（侦听属性）
• see also

引言

Vue.js 使用了基于 html 的模板语法，允许开发者声明式地将 DOM 绑定至底层组件实例的数据。

在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应性系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。