项目地址 文档 数据双向绑定 Vue主流程走向 组件 nextTick异步更新 MVVM 先来科普一下MVVM的概念及原理 配套插件 mini-vuex 实现一个迷你版的vue 实现的功能 全局方法 mixin filter component也可以局部注册 在new一个实例时提供以下选项即可 实例 ...
分类：
其他好文 时间：
2019-01-09 18:52:10
阅读次数：
162
1. 同步代码执行顺序优先级高于异步代码执行顺序优先级； 2. new Promise(fn)中的fn是同步执行； 3. process.nextTick()>Promise.then()>setTimeout>setImmediate 出处：https://www.jb51.net/article ...
分类：
其他好文 时间：
2019-01-03 20:12:50
阅读次数：
188
<component v-if="hackReset"></component> 2 3 4 this.hackReset = false this.$nextTick(() => { this.hackReset = true }) hackReset写在父data中 ...
分类：
其他好文 时间：
2019-01-03 10:52:10
阅读次数：
618
参数： 1.{Function} [callback] 2.{Object} [context] 用法: 在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。 什么时候需要用Vue.nextTick() 原因 Vue是异步执行dom更新的，一旦观察到数据变化 ...
分类：
其他好文 时间：
2018-12-28 19:52:06
阅读次数：
151
什么是Vue.nextTick() 官方文档解释如下： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 获取更新后的DOM言外之意就是什么操作需要用到了更新后的DOM而不能使用之前的DOM或者使用更新前的DOM或出问题，所以就衍生出了这个获取更新 ...
分类：
其他好文 时间：
2018-12-25 19:59:31
阅读次数：
319
1：this.$nextTick(function(){ }) 传如的参数是一个函数 这个API主要是获取dom元素 为什么需要这个api，在vue框架开发中，更新dom是一个异步操作，如果更新完dom，第一时间获取的dom不是最新的dom还是之前的dom， 因为更新dom是异步的，所以提供了这个A ...
1.什么是事件循环？ JavaScript为单线程执行的，所以是从上到下依次执行，js分为两个任务，宏任务和微任务 首先执行宏任务(第一次就是执行所有的同步代码)，再执行所有的微任务，执行完毕之后再次执行 宏任务，执行完毕再次执行所有的微任务，也就是： 宏任务 --> 微任务 --> 宏任务 --> ...
分类：
其他好文 时间：
2018-12-16 21:35:03
阅读次数：
109
场景： 有时候我们在vue项目页面做了一些操作，需要刷新一下页面。 解决的办法及遇到的问题： this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好 用vue router重新路由到当前页面，页面是不进行刷新的。 location.rel ...
分类：
其他好文 时间：
2018-12-13 13:49:40
阅读次数：
209
Vue 异步执行 DOM 更新。 只要观察到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。 如果同一个 watcher 被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作上非常重要。 然后，在下一个的事件循环"tick"中， ...
分类：
其他好文 时间：
2018-12-11 18:42:09
阅读次数：
406
前言：始终要相信你能想到的解决方案，基本上都是可以用技术实现的... 解决方法就是在mounted中在this.$nextTick()去获取，如果没有获取到，不是写法错就是，元素没有绑定对地方，注意检查自己的逻辑，自己在写什么思路一定要清晰。 有这样一个需求： 实现一个表格，每一行代表课程的一期，每 ...
分类：
其他好文 时间：
2018-12-04 22:31:19
阅读次数：
634
