Vue3响应式 - 03

Vue3中数据进行响应式定义的方式有两种 ref 和 reactive

1. ref

const count = ref(1)

<div>{{count}}</div>

###这里的{{count}}不用写成count.value，它会自己解析出来

 const add1 = ()=>{
      count.value ++
    }

###但是如果想要进行一个简单的操作，例如点击后count的值+1，那么就必须要count.value+1

2. reactive

reactive给一个对象进行响应式定义操作

const state = reactive({count:0})

 <div>{{state.count}}</div>

  const add = ()=>{
      state.count ++
    }

想要操作这个响应式数据，那么就不需要再用value