父传子const

计算属性会有缓存基于当前属性做派生支持缓存只有以来数据放生改变时才

会重新进行计算返回一个属性

使用swiper时初始化时依赖DOM所以需要等到界面渲染完成之后再进行初始化。

如果数据是通过接口请求的有可能我们请求到数据的时候mounted已经执行过了

给数据设置值之后界面会在updated更新但我们在开发过程中一般不会操作updated,

容易死循环

使用此钩子函数可以确保在DOM更新完成后执行回调函数以便获取最新的DOM状态

2.VUE3计算属性与监听

fullNamecomputed({get:()firstName.value·secondName.value,set:(value:string){

//可以给计算属性进行赋值的操作firstName.valuevalue.split(·)[0]secondName.valuevalue.split(·)[1]}

2.3

watchEffect((){fullName.valuefirstName.valuesecondName.value

回调函数中使用的哪些响应式数据就监视哪些响应式数据默认初始时就会执行第一次,

3.自定义hook函数

onMouseClick(e:MouseEvent){x.valuee.pageXy.valuee.pageY}onMounted((){document.addEventListener(click,onMouseClick)})onBeforeUnmount((){document.removeEventListener(click,onMouseClick)})return{x,y}

3.2

function(url:string,params:{}){const

dataref()const

URLSearchParams()Object.keys(params).forEach(key{fd.append(key,params[key])})axios.post(url,fd).***n(res{data.valueres.data.rows}).finally((){loading.valuefalse})return

{loading,data}

注册一个调试钩子当组件渲染过程中追踪到响应式依赖时调用。

这个钩子仅在开发模式下可用且在服务器端渲染期间不会被调用。

onRenderTriggered

注册一个调试钩子当响应式依赖的变更触发了组件渲染时调用。

这个钩子仅在开发模式下可用且在服务器端渲染期间不会被调用。

5.toRefs

非常有用这样消费组件就可以在不丢失响应式的情况下对返回的对象进行分解使用

问题:

toRefs(user)中的name和age属性为响应式的ref属性而user中的name和age为非响应式的

ref获取元素

dom2ref()onMounted((){console.log(dom1.value,这是dom1)console.log(dom2.value,这是dom2)})

/script

VUE3中的VUEX使用pinia只有stategetteraction