Vue_006_如何触发组件更新

文章目录

      • 数据驱动
      • 数据来源(单向的)
      • 状态data vs 属性props
      • 响应式更新原理

数据驱动

DOM通过数据映射,数据改变时,视图才会改变

vue是数据驱动的视图框架
Vue_006_如何触发组件更新_第1张图片

数据来源(单向的)

  • 来自于父元素的属性props
  • 组件自身的状态data
  • 来自状态管理器,如vuex、Vue.observable

状态data vs 属性props

  • 状态是组件自身的数据
  • 属性来自父组件的数据
  • 状态的改变未必会触发更新
  • 属性的改变未必会触发更新

响应式更新原理

只有被用于视图渲染的数据才会被监控,进而触发更新
Vue_006_如何触发组件更新_第2张图片

你可能感兴趣的:(Vue,vue)