- 在 runtime-core 中新增 queuePreFlushCb 函数用于管理预冲洗回调 - 在 vue 包中导出 queuePreFlushCb 函数供外部使用 - 实现调度器中的回调队列机制,包括队列管理和执行逻辑 - 添加去重逻辑确保回调函数只执行一次 - 新增示例文件展示调度器预冲洗回调的使用方法
28 lines
553 B
HTML
28 lines
553 B
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Document</title>
|
|
<script src="../../dist/vue.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
</body>
|
|
<script>
|
|
const { reactive,effect,queuePreFlushCb } = Vue
|
|
const obj=reactive({
|
|
count:1
|
|
})
|
|
|
|
effect(()=>{
|
|
console.log(obj.count)
|
|
},{
|
|
scheduler(){
|
|
queuePreFlushCb(()=>console.log(obj.count));
|
|
|
|
}
|
|
})
|
|
obj.count=2
|
|
obj.count=3
|
|
</script>
|
|
</html> |