vue中 ob 是什么
-
在Vue.js中，
ob是Observer的简称，表示观察者。Observer是Vue.js框架中实现双向数据绑定的核心机制之一。当我们在Vue的数据对象中进行属性或者嵌套属性的值修改时，Vue会利用Observer来追踪这些变化，并通知相关的组件进行更新。在Vue的内部，
Observer通过使用Object.defineProperty方法来实现数据劫持。它会自动将我们定义的属性转换为getter和setter，这样就能在属性被访问和更新时进行拦截和处理。当我们修改被观察的数据时，Observer会通知依赖于这些数据的组件进行相应的更新操作。通过使用
Observer，Vue能够实现数据的响应式更新，即当数据发生变化时，相关的组件会自动更新，而无需手动操作DOM。这使得开发者能够很方便地构建动态的用户界面。需要注意的是，由于
Object.defineProperty的限制，Observer只能劫持对象的属性，而不能劫持整个对象或者数组。所以当我们需要对整个对象或者数组进行观察时，Vue提供了Vue.set和Vue.delete等方法来实现。同时，在使用Vue时，我们应该遵循Vue的响应式原则，即尽量使用已经被观察的属性进行数据的修改，以确保数据可以被正确地追踪和更新。总结来说，
ob（Observer）在Vue中扮演着关键的角色，通过劫持属性的变化，实现了数据的响应式更新，使得我们能够更加方便地开发动态的用户界面。1年前 0条评论 -
在 Vue 中，
ob是observable的缩写，表示数据的观察者。Vue 中使用ob对数据进行响应式处理，即当数据发生改变时，会通知相关的组件进行更新。以下是关于 Vue 中
ob的几个重要概念和功能：-
数据响应式：Vue 使用
ob来跟踪数据的变化。通过将数据对象转换为响应式对象，Vue 可以捕获对对象的修改，并通知相关组件进行更新。这意味着当我们修改数据时，不需要手动更新视图，Vue 会自动更新。 -
依赖追踪：Vue 使用
ob来追踪数据属性的依赖关系。当一个组件使用数据对象时，Vue 会通过ob来将该组件与数据对象关联起来，并记录下组件对数据属性的依赖关系。当数据属性发生变化时，Vue 将自动更新相关的组件。 -
响应式原理：Vue 使用
ob来实现其响应式原理。当我们将一个普通的 JavaScript 对象传递给 Vue 实例时，Vue 会将其转换为以ob为基础的响应式对象。这样，当我们修改对象的属性时，Vue 就能够检测到变化并更新视图。 -
响应式数组：除了对象，Vue 也能够处理响应式数组。Vue 使用
ob对数组进行改写，以便能够捕获对数组的修改，如增删元素或重新排序。这样，当我们对数组进行操作时，Vue 能够自动检测到变化并更新视图。 -
懒执行：为了提高性能，Vue 使用
ob来实现懒执行。当创建一个响应式对象时，并不会立即将所有属性转换为响应式。而是在属性被访问时才会进行转换，这样可以避免不必要的性能消耗。
总结来说，
ob是 Vue 中用来实现数据响应式的核心概念之一，它负责跟踪数据的变化、追踪属性之间的依赖关系、实现懒执行等功能，从而使开发者能够轻松地编写响应式的代码。1年前 0条评论 -
-
在Vue中，ob是Object（对象）的缩写，它在Vue的响应式系统中起着非常重要的作用。下面将从以下几个方面来讲解ob在Vue中的作用和实现原理。
-
ob的作用：
ob主要负责对数据进行观测和响应式处理。在Vue中，当我们将一个对象传递给Vue实例的data选项时，Vue会通过ob将其转换为响应式对象，从而实现数据的双向绑定。这意味着当对象的属性发生变化时，Vue可以自动检测到并更新视图，同时也可以通过Watcher监听属性的变化。 -
ob的实现原理：
ob的实现是基于ES5的Object.defineProperty方法，它可以对对象的属性进行劫持。当我们给对象属性赋值或读取属性值时，会触发相应的getter和setter方法。Vue通过在getter中进行依赖收集，将Watcher与属性建立起关联；在setter中进行派发更新，通知Watcher去更新视图。 -
ob的操作流程：
（1）初始化：
当我们将一个普通JavaScript对象传递给Vue实例的data选项时，Vue会调用ob的构造函数，创建一个Observer实例。（2）遍历对象：
在Observer实例的构造函数中，会递归遍历对象的所有属性，并对每个属性调用defineReactive方法。（3）属性劫持：
在defineReactive方法中，使用Object.defineProperty对属性进行劫持。通过设置getter和setter来监听属性的读取和赋值操作。（4）依赖收集：
在getter中，会判断当前是否有正在进行的依赖收集操作，如果有，则将Watcher与属性建立关联。同时也会判断属性的类型，如果是对象，会递归对其进行依赖收集。（5）派发更新：
在setter中，如果新值与旧值不相等，则将新值赋给属性，并通过dep.notify方法通知与属性相关联的所有Watcher去更新视图。（6）数组处理：
对于数组，Vue通过重写数组的一些方法，如push、pop、shift、unshift等来实现对数组的监听和响应。当调用这些方法时，会执行相应的数组更新操作，并通过dep.notify方法通知相关的Watcher去更新视图。（7）深度观测：
对于嵌套的对象或数组，Vue会通过递归的方式进行观测，即对每个子属性或子元素都创建一个Observer实例，从而实现深度观测。
通过以上操作流程，Vue的ob能够实现对对象的观测和响应式处理，从而实现数据的双向绑定和自动更新。这是Vue中实现MVVM模式的关键之一，也是Vue能够高效、快速地更新视图的基础。
1年前 0条评论 -
