Vue:(三十七)Vue3.0第二弹-终章

今天这一章应该是Vue学习的终章了,漫长的理论知识学习终于结束了。

toRef/toRefs

  1. 作用:创建一个ref对象,其value值指向另一个对象的某个属性
  2. 语法:const name = toRef(person,'name')
  3. 应用:要将响应式对象中的属性单独提供外部使用时
  4. toRefs:与toRef应用一致,但是可以批量创建多个ref对象,语法:toRefs(person)
### Demo.vue




shallowReactive与shallowRef

  1. shallowReactive:只处理对象最外层属性的响应式(浅响应式)
  2. shallowRef:只处理基本数据类型的响应式,不进行对象的响应式处理

readonly与shallowReadonly

  1. readonly:让一个响应式的数据变成只读的(深只读)
  2. shallowReadonly:让一个响应式的数据变成只读的(浅只读)

toRaw与markRaw

  1. toRaw:将一个由reactive生成的响应式对象转为普通对象
  2. markRaw:标记一个对象,使其永远不会再成为响应式对象

provide与inject

  1. 作用:实现祖孙组件之间的通信
  2. 用法:
    1. 祖组件中:
setup(){
	let car = reactive({name:'奔驰',price:40})
	provide('car',car)
}

              2. 孙组件中:

setup(){
	const car = inject('car')
	return {car}
}

响应式数据的判断

  1. isRef:检查一个值是否为一个ref对象
  2. isReactive:检查一个对象是否是由reactive创建的响应代理
  3. idReadonly:检查一个对象是否是由readonly创建的只读代理
  4. idProxy:检查一个对象是否是由reactive或者readonly方法创建的代理

ok,基本就到这里了,后面的案例没有去手写实现,也是偷懒了, 想要快点去刷乾坤了。

我是空谷有来人,谢谢支持。

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