VIP30/v3_project/4_vue2和vue3的响应式/App.vue

<template>
  <div>

  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  // vue2的响应式
  //核心： 对象： 通过object.defineProperty对对象的已有属性的读取和修改进行劫持(监视、拦截)
  //数组： 通过重写数组 更新数组 一系列更新元素的方法来实现元素修改的劫持

  /* 
    Oject.defineProperty(data,'count',{
      get(){}
      set(){}
    })
    arr[1] = ''
  */
  //vue3的响应式
  // 通过proxy： 拦截对data任意属性的任意操作，包括属性值的读写，添加，删除
  //reflect： 动态对被代理对象的相应属性进行特定的操作
  setup () {
    

    return {}
  }
})
</script>

<style scoped>

</style>