vue开发步骤,vue的基本使用
本文主要介绍了Vue开发的常用方法，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。
目录
$ NEXT TICK()$ FORCE UPDATE()$ SET()。SYNC——2.3.0新增(Vue 3.x已被v-model取代，不再受支持)摘要
$nextTick()
这个。$nextTick()将回调延迟到下一个DOM更新周期之后。修改数据后立即使用，然后等待DOM更新。
使用场景
在某些情况下，变量最初被赋值或更新，但是当DOM没有被更新时，使用变量的值不起作用。此时，你需要使用这个。$nextTick()等待DOM更新加载，然后立即使用它。通常用于创建钩子函数和涉及DOM更新时。
使用
这个。$nextTick(()={ this。$refs.table.refresh(true)})
这个。$nextTick()在页面交互方面有很大的优势，尤其是从后台获取数据后重新生成dom对象之后。
$forceUpdate()
强制Vue实例重新渲染。注意，它只影响实例本身和插入到槽内容中的子组件，而不是所有子组件。
使用场景
对于复杂的对象，比如对象的数组，直接给数组中的元素添加一个属性，或者直接把数组的长度改为0。vue在不知道变化的时候可以使用强制更新。
另一方面，在呈现表单时，有时会执行选择操作，但表单的内容不会更新，因此可以使用强制更新。
用法
这个。$nextTick(()={
这个。$refs.table.refresh(true)
})
$set()
使用场景
受ES5限制，Vue.js无法检测对象属性的添加或删除。
向响应对象添加一个属性，并确保这个新属性也是响应性的并触发视图更新。必须用它给响应式对象添加新属性，因为Vue检测不到普通的新属性(比如this.myObject.newProperty=hi )。
注意，该对象不能是Vue实例或Vue实例的根数据对象。
用法
这个。$set(目标，属性名/索引，值)
目标：要更改的数据源(可以是对象，也可以是数组)。
PropertyName/index:对象新添加的属性名或数组新添加元素的下标位置。
Value:新添加的属性的值。
//对象
这个。$set(这个学生，“年龄”，24岁)
//数组
这个。$ set(这个。ArrayList，2，{name:张三 })
.sync——2.3.0+ 新增（Vue 3.x中已被v-model替换，不再支持）
使用场景
在某些情况下，我们可能需要“双向绑定”一个道具，我们可以使用。同步修改器在vue 2.3.0之后运行。Vue 3.0以后不再支持。
用法
父组件
comp :foo.sync=bar/comp
实际上等同于扩展到
comp:foo= bar @ update:foo= val=bar=val /comp
组件
这个。$emit(update:foo ，newValue)
总结
本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。