vue
文章平均质量分 89
在养一只虎纹�
这个作者很懒,什么都没留下…
展开
-
VUE响应式原理三
前两篇文章教会我们手写一个简单的响应式系统。这篇文章主要带领我们潜入vue.js的源码来看待响应式系统。首先创建一个vue application: <div id="app"> <h1>{{ product }}</h1> </div> <script src="vue.js"></script> <script> var app = new Vue({原创 2022-04-05 17:07:30 · 814 阅读 · 0 评论 -
vue响应式原理二
proxy在上节课程中,我们建立了一个与vue响应式实现相类似的响应式系统。Object.defineProperty()的使用将属性转化为getter, setter方法,这样能够持续追踪依赖,在属性修改的时候能重新运行匿名函数代码。如果你有关注过vue的设计蓝图,你会发现vue 2.x 以上的版本用proxy重写过,与我们上节课所展示的不同。我在这里问了evan (尤雨溪 vue 创始人), 使用proxy重写到底是怎样实现的,重写的好处又在哪里呢?优点proxy API 让我们能为对象创建原创 2022-03-20 21:18:15 · 959 阅读 · 0 评论 -
vue响应式原理一
构建一个响应式系统本节课,我们将使用vue源码中相似的技能,来构建一个简单的响应式系统。这会让你更好的理解vue的设计模式,也会让你对wathcer 和dep这两个类更为熟悉。响应式系统第一次见到vue的响应式系统的时候你也许会觉得很神奇,比如下面的例子: <div id="app"> <div>Price: ${{ price }}</div> <div>Total: ${{ price * quantity }}<原创 2022-03-19 18:46:47 · 714 阅读 · 0 评论