Vue3爬坑指南(KeepAlive失效、watch监听)

90 阅读1分钟

KeepAlive实现

本质是组件的name字段的问题,KeepAlive的include会根据组件的name字段进行缓存,但是在路由和组件两个位置都会对组件的name的内容进行标识,如果组件内部没有defineOptions的name字段,name会根据router路由里面声明的name字段作为标识,如果组件内部声明了name字段,则会以组件内部的name作为标识,进行缓存

watch监听对象的某个属性

watch(() => watcher.attr, () => {
    console.log('watcher.attr', watcher.attr)
})