vue如何实现observer和watcher源码解析-创新互联

本文能帮你做什么？好奇vue双向绑定的同学，可以部分缓解好奇心，还可以帮你了解如何实现$watch。

前情回顾

我之前写了一篇没什么干货的文章，并且刨了一个大坑。
今天，打算来填一天，并再刨一个。

不过话说说回来了，看本文之前，如果不知道Object.defineProperty，还必须看看解析神奇的Object.defineProperty
不得不感慨vue的作者，人长得帅，码写的也好，本文是根据作者源码，摘取出来的

本文将实现什么

正如上一篇许下的承诺一样，本文要实现一个$wacth

const v = new Vue({
 data:{
 a:1,
 b:2
 }
})
v.$watch("a",()=>console.log("哈哈，$watch成功"))
setTimeout(()=>{
 v.a = 5
},2000) //打印 哈哈，$watch成功

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。