vue3知识点

1. withDefaults

给props设置默认值

使用：

type Props = {
    info:string, 
     dataChildList: number[] 
}
const props = withDefaults(defineProps<Props>(),{    //withDefaults可以指定默认值
   info:"默认值"  //可以直接指定
   dataList:()=>[2,2,3,4]  //这个不可以直接指定需要通过这个方式指定
})

2. watchEffect

传入一个函数，当依赖项变化的时候，重新执行改函数。
与watch相似都可以监听一个数据源。
但是watchEffect会在初始化的时候调用一次，与watch的immediate类似。

watchEffect(() => {
    console.log(`当${age}的值变化的时候调用，初始化的时候也调用一次`)
})

3. hooks

抽离部分逻辑代码，降低代码耦合度