如何高效修改Vue组件data中的数据实现动态更新？

本文共计1667个文字，预计阅读时间需要7分钟。

目录- Vue修改data中数据- Vue中修改简单类型数据- Vue中修改数组的方法- Vue中修改对象的方法- 关于删除- Vue修改数据不生效，页面不刷新- Vue中数据类型- Vue数据监听简易理解- 数据更新后，页面更新

目录

• vue修改data中数据
• vue中修改简单类型数据
• vue中修改数组的方法
• vue中修改对象的方法
• 关于删除
• vue修改数据不生效,页面不刷新
• vue中数据类型
• vue数据侦听简易理解
• 数据更新后，页面不刷新的可能原因

vue修改data中数据

vue的data中保存一些数据，用于页面的渲染。有的时候，当我们手动对data中的数据修改时，vue却监听不到这些数据的变化，导致页面没有触发新一轮的更新。

注意：出现以上问题的原因在于，没有通过vue提供的方法对保存在data中的数据进行修改。强制性通过js对数据修改的那些方法，有一部分在vue中是不被认可的。

vue中修改简单类型数据

简单类型的数据，包括number boolean bigInt string 等

修改这类型的数据，我们可以直接赋值，vue也能监听到数据发生的变化，然后作出修改。