feat(effects): 添加 scheduler 选项支持和 extend 工具函数
- 添加 extend 函数作为 Object.assign 的别名 - 修复 ReactiveEffectOptions 中 scheduler 属性拼写错误 - 实现 effect 选项配置的属性扩展功能 - 更新 lazy 示例展示 effect 运行逻辑 - 新增 scheduler 示例演示调度器功能
This commit is contained in:
30
packages/vue/examples/reactivity/scheduler.html
Normal file
30
packages/vue/examples/reactivity/scheduler.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<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 } = Vue
|
||||
const obj=reactive({
|
||||
count:1
|
||||
})
|
||||
|
||||
effect(()=>{
|
||||
console.log(obj.count)
|
||||
},{
|
||||
scheduler(){
|
||||
setTimeout(()=>{
|
||||
console.log(obj.count)
|
||||
})
|
||||
}
|
||||
})
|
||||
obj.count=2
|
||||
|
||||
console.log('代码运行结束');
|
||||
</script>
|
||||
</html>
|
||||
Reference in New Issue
Block a user