Vue3 数据绑定解析

vue3如何建立响应式

有两种方法

• 应用composition-api中的reactive直接构建响应式，reactive相当于Vue.observable()API,经过reactive处理后的函数能变成响应式的数据

const {reactive,onmounted} = vue
setup(){
  const state = reactive({
     count:0,
     todoList:[]
  })
  onMounted(()=>{
     console.log('mounted')
  })
  function add(){
     state.count++
  }
  return {state,add}
}

• vue2的写法

响应式原理解析