vue
文章平均质量分 93
a380776767
这个作者很懒,什么都没留下…
展开
-
Vue数据绑定原理及简单实现
本篇文章中的代码只是部分片段,完整代码存放于github上https://github.com/Q-Zhan/simple-vue。 进入正文~实现数据绑定主要是要实现两个方面的功能:数据变化导致视图变化,视图变化导致数据变化。后者比较容易实现,就是监听视图的事件,然后在回调函数中改变数据。所以重点是数据变化时如何改变视图。 这里的思路是通过object.defineProperty()来对数...原创 2018-03-31 09:38:14 · 6265 阅读 · 0 评论 -
Vue的nextTick原理解析
假设当前的模板代码为<div id="a">{{a}}</div>,这时我们在mounted钩子里写下如下的代码: this.a = '纳尼?!'; this.$nextTick(function(){ console.log($('#a')[0].textContent); }) 于是vue内部的执行流程如下图所示: 首先外部代码(即mounted钩...原创 2018-04-23 14:44:00 · 2244 阅读 · 4 评论