Vue3中reactive的理解

1.什么是reactive?

  • reactive是Vue3中提供实现响应式数据的方法.
  • 在Vue2中响应式数据是通过defineProperty来实现的.
  • 而在Vue3响应式数据是通过ES6的Proxy来实现的

2.reactive注意点

  • reactive参数必须是对象(json/arr)
  • 如果给reactive传递了其他对象,默认情况下修改对象,界面不会自动更新,如果想更新,可以通过重新赋值的方式.

错误示范

当传递的是非对象时,页面不会发生响应
Vue3中reactive的理解_第1张图片

正确实例

Vue3中reactive的理解_第2张图片

arr正确实例

传入数组会转成proxy对象

Vue3中reactive的理解_第3张图片

你可能感兴趣的:(前端,vue,javascript,js,vue)