在使用vue框架做前端开发时,时长会对数据做些动态处理,以下是我最常用的几个vue全局API
1.Vue.set() 为对象添加属性;
官方解释:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性;
使用方式:Vue.set(target,propertyName,value)
--target:Object/Array
--propertyName:String/Number
2.Vue.delete() 删除对象的属性
官方解释:删除对象的属性。如果对象是响应式的,确保删除能触发更新视图。这个方法主要用于避开 Vue 不能检测到属性被删除的限制,但是你应该很少会使用它。
使用方式Vue.delete(target,propertyName,value)
3.Vue.nextTick()
官方解释:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
使用方式:Vue.nextTick(function(){})
个人理解:只要需要对数据做修改,而又需要试图实时更新