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
抽离部分逻辑代码,降低代码耦合度