reactive和ref的区别

Reactive 和 Ref 都是 Vue.js 中的重要概念。

Reactive 是 Vue.js 中的响应式系统的核心，它可以让模型的变更自动触发相关的视图更新。Reactive 通过 Object.defineProperty 和 proxy 等 JavaScript API 来实现对数据的动态监测，从而实现数据驱动视图。

Ref 是 Vue.js 中的一个对象，它可以代表一个可变的数据，可以通过 $refs 访问组件实例或者 DOM 元素。Ref 不是响应式的，也就是说当它的值发生改变时不会触发视图的更新，因此适用于在组件内部维护非响应式的状态或者在 DOM 操作中使用。

总的来说，Reactive 是用于响应式数据，而 Ref 则是用于维护非响应式的状态。