1f50ab1c84
- 添加 extend 函数作为 Object.assign 的别名 - 修复 ReactiveEffectOptions 中 scheduler 属性拼写错误 - 实现 effect 选项配置的属性扩展功能 - 更新 lazy 示例展示 effect 运行逻辑 - 新增 scheduler 示例演示调度器功能
30 lines
585 B
HTML
30 lines
585 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 } = Vue
|
|
const obj=reactive({
|
|
count:1
|
|
})
|
|
|
|
effect(()=>{
|
|
console.log(obj.count)
|
|
},{
|
|
scheduler(){
|
|
setTimeout(()=>{
|
|
console.log(obj.count)
|
|
})
|
|
}
|
|
})
|
|
obj.count=2
|
|
|
|
console.log('代码运行结束');
|
|
</script>
|
|
</html> |