vue中几个我常用的全局API

在使用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(){})

 

 个人理解:只要需要对数据做修改,而又需要试图实时更新

posted @ 2020-03-11 15:29  我自浮沉,虚浮自我  阅读(1017)  评论(0编辑  收藏  举报