【知识整理】vue开发过程中经常遇到的问题

最新推荐文章于 2024-05-25 19:18:52 发布

记性不好的小姑娘

最新推荐文章于 2024-05-25 19:18:52 发布

阅读量465

点赞数

分类专栏： vue.js

本文链接：https://blog.csdn.net/weixin_38802323/article/details/102514043

版权

vue.js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本篇文章主要简单的总结一下在vue前端开发过程中，经常遇到的一些问题，里面的内容会慢慢的进行填充。

vue修改组件里面的data数据时，DOM没有实时渲染

// 修改数据
vm.msg = 'Hello' // DOM 还没有更新
Vue.nextTick(function () {
  // DOM 更新了
})

// 作为一个 Promise 使用 (2.1.0 起新增，详见接下来的提示)
Vue.nextTick()
  .then(function () {
    // DOM 更新了
  })

当你设置 vm.msg = ‘Hello’，该组件不会立即重新渲染。Vue 在更新 DOM 时是异步执行的，只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。当刷新队列时，组件会在下一个事件循环“tick”中更新。多数情况我们不需要关心这个过程，但是如果你想基于更新后的 DOM 状态来做点什么，这就可能会有些棘手。为了在数据变化之后等待 Vue 完成更新 DOM，可以在数据变化之后立即使用Vue.nextTick(callback)，这样回调函数将在 DOM 更新完成后被调用。