20220401

68 阅读1分钟

vue设计思想

  • 数据驱动应用
  • MVVM模式的践行者
  • vue实现了view + viewModel

MVVM框架三要素

  • 响应式:vue如何监听数据变化?应用监听数据,数据驱动应用
  • 模板引擎:vue模板如何编写和解析?模板引擎解析
  • 渲染:vue如何将模板转换为html?#app里面的文件被转换成渲染函数最终得到虚拟dom,虚拟dom转为真实dom alt

输入绑定 & 事件处理

计算属性computed & 监听器watch

  • 一个值影响多个值的情形用watch
  • 多个值影响一个值的情形用computed eg:当需要在数据变化时执行异步或开销较大的操作时可以用watch。 使用 watch 选项允许我们执行异步操作 (访问一个 API),限制我们执行该操作的频率(lodash里面的debounce防抖处理),并在我们得到最终结果前,设置中间状态。这些都是计算属性无法做到的