Vue3 composition组合式 API

87 阅读1分钟

1.setup

2.响应式:核心API

2.1 ref

ref作用:将基本的数据类型变成响应式类型 如果ref包含对象,这个对象将被深层解包,解决此问题可以用shadowRef

2.2 reactive

reactive作用:将引用类型变成响应式类型

2.3 computed

2.4 watch

特点1: 页面第一次加载的时候呢不运行(除非使用immediate配置): watch是用来监听数据变化的,只是在页面第一次加载的时候不运行监听函数,只有后面变量发生变化的时候才会开始执行监听函数。 特点2: 监听对象的某一个属性时候使用回调函数形式

const person = {
  name: 'jack',
  age: 27
}
watch(() => person.name, (newVal, oldVal) => {
  console.log(‘只监听person对象的name属性,当age属性变化时候是不会触发监听函数的’)
})

特点3: 监听多个对象时候
参考文献:blog.csdn.net/weixin_4730…

2.5 watchEffect

3.响应式:工具函数API

3.1 ref相关

3.1.1 isref

3.1.2 unref

3.1.3 toref

3.1.4 torefs

3.2 is相关

isProxy、isReactive、isReadonly 3.2 is相关

4.响应式:进阶API