vue 组件第一次不渲染问题_解决vue改变数据页面不渲染的问题

最新推荐文章于 2023-06-09 17:07:23 发布

义之言

最新推荐文章于 2023-06-09 17:07:23 发布

阅读量2.8k

点赞数

文章标签： vue 组件第一次不渲染问题

本文链接：https://blog.csdn.net/weixin_32028739/article/details/112155725

版权

当在Vue 2项目中遇到修改data数据后视图未更新的问题，通常是由于Object.defineProperty()仅监听对象属性而非对象本身。文章通过示例解释如何使用Vue.$set正确添加属性，并探讨Vue源码中如何处理数组变化，包括重写数组操作方法以确保响应式更新。

摘要由CSDN通过智能技术生成

你是否在项目中出现过修改data数据过后视图并没有改变！我们通过案例为你解答

export default {  data() {    return {      obj: {}    };  },  created() {    this.obj.name = "性感一颗痣";  }};//console.log(this.obj.name === '性感一颗痣')

让我们换个地方修改obj

export default {  data() {    return {      obj: {}    };  },  mounted() {    this.obj.name = "性感一颗痣";  }};//console.log(this.obj.name === '')

首先，在 Vue 2x 中数据的响应式处理是基于 Object.defineProperty() 的，但是它只会侦听对象的属性，并不能侦听对象。所以，在添加对象属性的时候，通常需要这样

// vue2x添加属性
Vue.$set(object, 'name', wjc)

但是面试的时候面试官问

关注