vue是虚拟DOM吗,页面的元素变了但是vm.$el.textContent 不是新值

不是很懂 —— Vue 执行 DOM 更新是异步的 这一块。
页面上的数据是变了,那他变了的是什么,不是真实的DOM的话,是什么?
新手。。。。对于这些概念还是不是很懂

vm.message = 'new message' // 更改数据
vm.$el.textContent === 'new message' // false
Vue.nextTick(function () {
  vm.$el.textContent === 'new message' // true
})
阅读 6.4k
3 个回答

变了的是虚拟DOM,虚拟DOM的结构跟实际的DOM结构一样,根据虚拟DOM的变化去更新实际DOM变化的部分

vm.message = 'new message'
vm.$el.textContent === 'new message'
Vue.nextTick(function () {    //  dom更新完毕后执行
  vm.$el.textContent === 'new message' 
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题