响应式数据

响应式数就是数据在变化的时候，会驱动视图更新，
简单来说就是数据驱动视图更新。

当数据没有初始化，直接修改，那么数据就不是响应式的数据

解决方法：
1 请初始化数据

//在data数据里初始化
data(){
return：{
user：{
name:'张三',
//age:undefined
}
}
}

2 直接给父级响应式的数据赋值

this.user={...this.user,age:22}

3 通过$set给响应式数据添加数据后，该属性自动具有响应式的特性

//this.set(要添加的对象或者数组,属性或索引,值)
this.set(this.user,'age',24)

4 调用this.$forceUpdate()强制更新方法

this.user.age=20
this.$foreUpdate()

怎样将数据变成响应式数据
响应式数据响应式数就是数据在变化的时候，会驱动视图更新，简单来说就是数据驱动视图更新。当数据没有初始化，直接修...
RxJava2 学习笔记
函数响应式编程函数响应式编程的思维是将问题抽象为数据加工，一切问题都是数据源发出数据的问题，所以用函数响应式编程...
vue3递归监听和非递归监听
我们知道ref函数和reactive函数用于将一个普通数据变成一个响应式的数据。当数据发生改变时，界面也会立即更新...
Vue源码03-响应式原理
这节将专门讲解vue MVVM响应式处理 Vue采用的是实现数据的响应式数据劫持 Observer类 Obse...
vue3 reactive函数
reactive的用法与ref的用法相似，也是将数据变成响应式数据，当数据发生变化时UI也会自动更新。不同的是re...
VUE3.0 响应式
一、reactive 将一个Object类型的数据转换成响应式数据：Proxy实例直接取属性值，属性值不是响应式...
（五）响应式数据对象 - reactive
本章将介绍到的是使用reactive来创建组件实例中的响应式数据对象。 1、概述：函数，创建一个响应式数据对象，响...
（二）Vue-模拟实现响应式
数据驱动数据响应式、双向绑定、数据驱动数据响应式数据模型仅仅是普通的 JavaScript 对象，而当我们修改...
前端面试题【Day02】
本篇绪论 1，Vue响应式原理 1，Vue响应式原理在vue实例中声明的数据就是响应式的。响应式：数据发生改变，...
Vue3中的toRef与toRefs
toRef toRef可以将响应式数据对象中的的某个属性变为可以单独调用的响应式数据，值与之前的对象相关联 toR...