Vue3-customRef的使用

发布时间：2024年01月14日

读取数据前，需要先track（）?告诉Vue数据msg很重要，你要对msg进行持续关注，一旦msg变化就去更新

修改数据后，需要trigger（）收尾 通知Vue一下数据msg变化了

ae7b3b17ef454629a8f0bead4d75533c.png

caf94c987df94b94ab1f8df7342b1f19.png

自定义ref如何防抖

74ac5148f9f547feaf1aeba85e8093f7.pnghooks中放入自定义ref

坐个比喻，

本来的ref，你就是你直接去车店，直接买车，都是车店做好了的，你只能选择他给你的，定死了，你没法有更细的要求

自定义ref，就好比你去车店，你说你要买什么车（要绑定的初始值），以及你有什么要求（例如本文的延时要求，也就是delay参数），给出这2个条件之后，车店会根据你的要求，返回一个车子给你，也就是帮你自定义ref过后的值（msg返回值）。

?

自定义ref，放置到hooks中，

ce406ccd327d4358bece986a88efd1f4.png

b6f619808d3440c58d54b5aa389ff72e.png

给出要绑定的初始值（"你好"），要延时的参数（delay），得到自定义ref的返回值赋值给msg。

dcfc282be4da44a3a169aed782f5e0d1.png

?

?

文章来源:https://blog.csdn.net/qq_42371932/article/details/135557721
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章