响应式 第1部分
Vue 提供了优秀的响应式系统，它能跟踪数据的变化并自动触发更新，使你的 UI 始终与数据保持同步。Vue 的响应式系统提供了几个基本原语：ref、reactive、computed 和 watch。
ref()创建一个容器来保存单个值，当值变化时会自动被跟踪。可以通过.value属性访问或更新该值。computed()接收一个 getter 函数并返回一个ref对象，该对象反映了 getter 函数的返回值。
在这个操作环境中，我们创建了一个名为 count 的 ref 对象来保存一个数字，以及一个名为 double 的计算属性，用于计算 count 的两倍。Vue 会智能地识别出 double 依赖于 count，因此每当 count 发生变化时，double 会自动重新计算。
尝试点击按钮增加 count 的值 - 你会看到 double 的值也相应地改变了。
注意：在 <template> 中引用时，Refs 会被 Vue 自动解包。只有在 <script> 或 Vue 组件外的 JavaScript 中访问 ref 时才需要使用 .value。
挑战
现在让我们亲自动手！尝试修改代码，使乘数也能响应式地更新（当前硬编码为 2）。
你可以这样做：
- 使用
ref()创建一个名为multiplier的变量并设置为2 - 在
<script>和<template>中将double重命名为result - 更新
result的实现，返回count.value * multiplier.value - 添加另一个按钮来增加
multiplier的值
就是这样！现在当你点击乘数按钮时，你将看到结果随着新的乘数而变化。
如果你遇到困难，可以点击下面的按钮或编辑器右上角查看解决方案。
随意尝试更多想法！完成后，让我们继续下一部分，了解更多关于响应式系统的内容。