vue发布订阅模式简易实现

最新推荐文章于 2024-04-17 14:17:09 发布

于丸

最新推荐文章于 2024-04-17 14:17:09 发布

阅读量519

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/Ych_cxy/article/details/100246507

版权

vue 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function Dep(){
				this.fl = []
			}
			Dep.prototype.dingyue = function(watcher){
				this.fl.push(watcher)
			}
			Dep.prototype.fabu = function(){
				this.fl.forEach(item=>{
					item.update()
				})
			}
			
			function Watcher(f){
				this.f = f
			}
			Watcher.prototype.update = function(){
				this.f()
			}
			let watcher = new Watcher(function(){
				alert(1)
			})
			let watcher1 = new Watcher(function(){
				alert(2)
			})
			let dep = new Dep()
			dep.dingyue(watcher)
			dep.dingyue(watcher1)
			dep.fabu()
			
		</script>
	</body>
</html>