Vue3-09 创建响应式数据(基本类型ref和对象类型reactive)

文章目录

• [vue2 中的响应式数据](#vue2 中的响应式数据)
• [vue3 中的响应式数据](#vue3 中的响应式数据)
• • [基本数据类型 ref](#基本数据类型 ref)
  • [对象类型 reactive](#对象类型 reactive)

vue2 中的响应式数据

vue2 中数据写在data中就是响应式的

vue2中的这个ref vue3中的不一样

vue3 中的响应式数据

基本数据类型 ref

vue3 中想要哪个数据是响应式的，就用ref包下。

响应式：数据一改页面就要同步变的就是响应式的。

带下划线的不能使用

模板中展示数据，不需要写.value

但在所有js中修改需要写.value

写了v-for最好再写key标识

 <li v-for="game in gamse" :key="game.id">

这里的冒号简写相当于 v-bind:,省略了

对象类型 reactive

响应式数据

控制台上看见是Proxy类型的就是