Vue 3中更新dat方式详解·直接在方法里改写·当这个方法被调用时属性的值就会变成你给它的新值
Vue 3中更新data数据的方式详解
在Vue 3里，我们有很多方法可以更新data中的数据。下面我来用更接地气的方式给你介绍一下，看看哪种最适合你。 ---直接赋值更新
直接在方法里改写data里的属性值，这就像直接把东西放回它原来的地方一样简单。当这个方法被调用时，属性的值就会变成你给它的新值。
---使用reactive
Vue 3的Composition API里有个好用的函数叫reactive，它可以把一个普通的JavaScript对象变成一个响应式的对象。在这个例子中，reactive就是一个响应式对象，你可以通过它来更新值。
---使用ref
ref是另一个 Composition API 的关键函数，它用来声明基本类型的响应式数据。在这个例子中，ref就是一个响应式引用，它代表了一个实际的值，你可以通过方法来更新它。
---使用computed
computed用来定义计算属性，它的值依赖于其他响应式数据，而且当依赖的数据变化时，计算属性也会自动更新。在这个例子中，computed是一个计算属性，当某些值变化时，它会自动更新。
---使用watch
watch用来侦听响应式数据的变化，当数据变化时，它会自动执行一个特定的操作。在这个例子中，watch会监听某个变化，当那个值更新时，它会自动执行回调函数。
--- Vue 3提供了好几种更新data数据的方法，包括直接赋值、使用reactive、ref、computed和watch。每种方法都有自己的用武之地。简单数据更新时，直接赋值最方便；而复杂的状态管理，reactive和ref能提供更高的灵活性和可维护性。computed和watch则可以帮助我们更好地管理和响应数据的变化。建议在实际项目中根据需求灵活运用这些方法，让代码更易读、更易维护。 ---