本文向您展示了Vue开发的常见方法。内容简洁易懂。它一定会让你闪闪发光。希望通过这篇文章的详细介绍，你能有所收获。
00-1010这个。$ nextdick()将回调延迟到下一个DOM更新周期之后。修改数据后立即使用，然后等待DOM更新。
使用场景
在某些情况下，变量最初已经被赋值或更新，但是当DOM没有更新时，使用变量值是没有用的。这个时候，你需要用这个。$nextTick()等待DOM更新立即加载。常用于已创建的钩子函数和涉及DOM更新的情况。
使用
这个。$ next tick (()={this。$ refs.table.refresh (true)})这。$ next tick()在页面交互的操作上有很大的优势，尤其是在后台获取数据后重新生成dom对象之后。
$nextTick()
强制Vue实例再次渲染。请注意，它只影响实例本身和插入插槽内容的子组件，而不是所有子组件。
使用场景
对于复杂对象，如对象数组，直接向数组中的元素添加属性，或者直接将数组的长度更改为0。当vue无法知道更改时，它可以使用强制更新。
另一方面，当呈现表单时，有时会进行选择操作，但表单的内容不会更新，因此可以使用强制更新。
用法
这个。$ NextTick(()={ 0
这个。$refs.table.refresh(true)
})
$forceUpdate()
使用场景
由于ES5的限制，Vue.js无法检测对象属性的增加或删除。
向响应对象添加一个属性，并确保这个新属性也是响应的，并触发视图更新。它必须用于向响应对象添加新属性，因为Vue无法检测普通的新属性(例如this.myObject.newProperty='hi ')
请注意，该对象不能是Vue实例或Vue实例的根数据对象。
用法
这个。$set(目标，属性名/索引，值)
目标：要更改的数据源(可以是对象或数组)
PropertyName/index:对象新添加属性的名称或数组中新添加元素的下标位置。
值：新添加的属性的值。
//对象
这个。$set(学生，24岁)
//数组
这个。$ set(这个。数组列表，2，{名称： '张三' })
$set()
使用场景
在某些情况下，我们可能需要“双向绑定”一个道具，我们可以使用。vue 2.3.0之后的同步修改器。Vue 3.0之后不再支持
用法
父组件
Comp:foo.sync='bar'/comp实际上将等效扩展为
comp : FOo=' bar ' @ update : FOo=' val=bar=val '/comp子组件
这个。$ emit ('update : foo '，新值)以上内容是Vue开发的常用方法。你学到什么知识或技能了吗？如果你想学习更多的技能或丰富你的知识，请关注行业信息渠道。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/153805.html