Vue 在更新 DOM 时是异步执行的。 只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。 异步更新DOM实例 点击 spa ...
分类：
其他好文 时间：
2019-08-30 23:09:53
阅读次数：
80
todo简介： vue是非常流行的框架，他结合了angular和react的优点，从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时，我们经常用到一个方法是this.$nextTick，相信你也用过。我常用的场景是在进行获取数据后，需要对新视图进行下 ...
分类：
其他好文 时间：
2019-08-26 19:17:36
阅读次数：
99
1.beforeCreate 2.created 3.beforemounted 在挂载开始之前被调用：相关的 render 函数首次被调用 4.mounted el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用 ...
分类：
其他好文 时间：
2019-08-09 23:21:26
阅读次数：
113
以前一直使用react， 上周使用了vue开发了一些单应用页面。最基础的掌握了vue的生命周期，双向绑定（跟react一模一样），v-model语法糖，各种后缀（.sync .prevent .stop）,还有Vue抽象出来的很多公共的方法（$emit,$nextTick）,一些特殊的标签（tran ...
分类：
其他好文 时间：
2019-08-04 13:24:36
阅读次数：
92
前言：vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，会导致该组件无法更新，也就是我们口中的页面无法更新的问题了。 一、问题呈现 在路由中进行切换结果 这时候会发现input标签的value值并 ...
分类：
其他好文 时间：
2019-07-25 10:47:38
阅读次数：
123
记录是为了更好的成长！ 1、Vue.$nextTick() 网上搜一下资料很多，这里只做最通俗的说明： Vue.$nextTick() 会在页面的DOM发生了变化之后自动执行，如果要获取最新的变化就需要用Vue.$nextTick()回调来做，也可以做其他的逻辑操作 以上内容代表个人观点，仅供参考， ...
分类：
其他好文 时间：
2019-07-19 20:57:27
阅读次数：
114
1.概念：宏任务（macrotask ）和微任务（microtask ） 表示异步任务的两种分类。常见宏任务：I/O 、setTimeout、setInterval；微任务：Promise.then catch finally、process.nextTick 在挂起任务时，JS 引擎会将 所有任务 ...
分类：
Web程序 时间：
2019-07-14 20:08:15
阅读次数：
245
介绍几个vue 的实例方法： - $destroy()==>销毁方法 - $forceUpdate()==>更新方法 - $nextTick()==>数据修改方法 需要配合钩子函数使用 具体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta cha ...
分类：
其他好文 时间：
2019-06-29 10:54:37
阅读次数：
88
先上代码 // home.vue // loadMore.js // DOMUtil.js 注意事项 1、父容器 须设置 height ；且overflow: scroll；2、组件内根元素 设置 min-height 与父容器同高：解决 内容不足父容器高度 时，显示问题。3、auto-fill=" ...
分类：
其他好文 时间：
2019-06-28 18:10:45
阅读次数：
153
