课程网站开发开题报告,吉林市网站建设公司,wordpress终极优化,学做烘培的网站一、shallowRef
使用shallowRef之前需要进行引入#xff1a; import { shallowRef } from vue; 使用方法和ref 的使用方法一致#xff0c;以下是二者的区别#xff1a;
1. 如果ref 和 shallowRef 都传入的是普通数据类型的数据#xff0c;那么他们的效果是一样的#x…一、shallowRef
使用shallowRef之前需要进行引入 import { shallowRef } from vue; 使用方法和ref 的使用方法一致以下是二者的区别
1. 如果ref 和 shallowRef 都传入的是普通数据类型的数据那么他们的效果是一样的数据都能实现响应式。
2. 如果ref 和 shallowRef 传入的是对象数据类型的数据那么ref 中的数据能够实现响应式而shallowRef 中的数据无法实现响应。
因为很简单如果ref中传入的是对象数据类型的数据那么就会调用reactive 形成拥有对象响应式的Proxy 对象。
而shallowRef 并不会调用reactive只是一般的数据。 二、shallowReactive
使用shallowReactive之前需要进行引入 import { shallowReactive } from vue; 使用方法和ref 的使用方法一致以下是二者的区别
shallowReactive 没有深度监视而ref 自带深度监视。
也就是说在下面的代码中person 和shallowPerson 中的name属性都能有响应式而person.job.type 拥有响应式shallowPerson.job.type 没有响应式。
setup() {let person reactive({name: 张三,job: {type: 前端,},});let shallowPerson shallowReactive({name: 张三,job: {type: 前端,},});return {person,shallowPerson,};
},
