【Vue.js 2.x源码解析】第18章 从Vue源码分析计算属性与侦听属性的本质差别

想深入了解Vue 2.x 源码底层原理实现,从编译系统、渲染系统到响应式系统 vue-router和vuex 等实现方式可以关注 『Vue.js 2.x源码精讲』 专栏 或 查看专栏目录了解详情

【Vue.js 2.x源码解析】第18章 从Vue源码分析计算属性与侦听属性的本质差别_第1张图片

从Vue源码分析计算属性与侦听属性的本质差别

      • 计算属性(Computed)—— 了解它,你就能高效利用它
        • `defineComputed` 和 `createComputedGetter`
      • 侦听属性(Watch)—— 灵活监听变化
      • `watcher` 类型的比较
      • 流程图
      • 总结:如何选择计算属性和侦听属性

很多开发者在使用 Vue 时,可能都会遇到“计算属性(computed)”和“侦听属性(watch)”该怎么选择的问题。究竟什么场景下使用计算属性,什么场景下使用侦听属性,很多同学可能都没有一个清晰的认识。今天,我们从 Vue 源码出发,剖析一下它们的实现机制,看完这些,你就能明白它们背后的区别了!

计算属性(Computed)—— 了解它,你就能高效利用它

计算属性的实现,首先是在 Vue 实例化的过程中由 initStat

你可能感兴趣的:(教你读懂Vue2.x源码,vue.js,前端,javascript)