Vue 的响应式数据 ref的使用

ref  是 vue 提供给我们用于创建响应式数据的方法。

ref 常用于创建基本数据，例如：string、number、boolean 等。

ref 还是通过 Object.defineProperty 的 get 与 set 方法，实现的响应式数据。

 ref 创建基本数据：

通过 ref 创建的数据是一个对象的格式，其中的 value 属性才是我们需要的值，所以在 script 标签中，需要通过 value 属性才能使用或修改 ref 数据。

注：在 template 模板中不需要写 value ，因为 template 模板会自动识别 ref 数据。

  ref 创建引用数据【不推荐】：

ref 也可以创建引用数据。并且在获取第一层数据时，需要使用 value 属性，之后的数据可以直接使用。

 

原创作者：吴小糖

创作时间：2023.10.13