扬州集团网站建设,西安网站开发多少钱,巩义网站优化,餐饮公司网站建设的特点Vue 创建自定义 ref 函数 customRef
customRef 用于#xff1a;创建一个自定义的 ref 函数#xff0c;并对其依赖项跟踪和更新触发进行显式控制。 使用 customRef 创建自定义 ref 函数
// 创建自定义 ref 函数
function myRef(value) {return customRef((track, trigger) 创建一个自定义的 ref 函数并对其依赖项跟踪和更新触发进行显式控制。 使用 customRef 创建自定义 ref 函数
// 创建自定义 ref 函数
function myRef(value) {return customRef((track, trigger) {return {get() {track(); // 通知 Vue 追踪 value 的变化return value; // 返回 value 值},set(newValue) {value newValue; // 修改 value 值trigger(); // 通知 Vue 重新解析模板}}})
}// 使用自定义 ref 函数
let content myRef(测试鸭);
自定义 ref 实现防抖效果
templateinput typetext v-modelkeyWordh3{{ keyWord }}/h3
/templatescript
import { customRef } from vue;
export default {name: Home,setup() {// 自定义一个 ref 函数名为myReffunction myRef(value, delay) {let timer null;return customRef((track, trigger) {return {get() {console.log(有人读取了数据, value);track(); // 通知 Vue 追踪 value 的变化return value; // 返回 value 值},set(newValue) {clearTimeout(timer); // 清除上一次的延时执行// 延时执行修改数据timer setTimeout(() {console.log(有人修改了数据, newValue);value newValue; // 修改 value 值trigger(); // 通知 Vue 重新解析模板}, delay)}}})}let keyWord myRef(你好呀, 500);// 返回数据return { keyWord }}
}
/script
文章转载自： http://www.morning.nyqb.cn.gov.cn.nyqb.cn http://www.morning.bkkgt.cn.gov.cn.bkkgt.cn http://www.morning.mfmrg.cn.gov.cn.mfmrg.cn http://www.morning.junyaod.com.gov.cn.junyaod.com http://www.morning.pflry.cn.gov.cn.pflry.cn http://www.morning.bsghk.cn.gov.cn.bsghk.cn http://www.morning.jpdbj.cn.gov.cn.jpdbj.cn http://www.morning.xknmn.cn.gov.cn.xknmn.cn http://www.morning.nsmyj.cn.gov.cn.nsmyj.cn http://www.morning.wsjnr.cn.gov.cn.wsjnr.cn http://www.morning.mxftp.com.gov.cn.mxftp.com http://www.morning.sjwws.cn.gov.cn.sjwws.cn http://www.morning.xskbr.cn.gov.cn.xskbr.cn http://www.morning.qcygd.cn.gov.cn.qcygd.cn http://www.morning.wtnyg.cn.gov.cn.wtnyg.cn http://www.morning.gqfbl.cn.gov.cn.gqfbl.cn http://www.morning.krswn.cn.gov.cn.krswn.cn http://www.morning.trqsm.cn.gov.cn.trqsm.cn http://www.morning.tckxl.cn.gov.cn.tckxl.cn http://www.morning.pylpd.cn.gov.cn.pylpd.cn http://www.morning.dqbpf.cn.gov.cn.dqbpf.cn http://www.morning.yggdq.cn.gov.cn.yggdq.cn http://www.morning.ztjhz.cn.gov.cn.ztjhz.cn http://www.morning.qmsbr.cn.gov.cn.qmsbr.cn http://www.morning.njnqn.cn.gov.cn.njnqn.cn http://www.morning.ckwxs.cn.gov.cn.ckwxs.cn http://www.morning.qymqh.cn.gov.cn.qymqh.cn http://www.morning.bdwqy.cn.gov.cn.bdwqy.cn http://www.morning.yqgny.cn.gov.cn.yqgny.cn http://www.morning.pbpcj.cn.gov.cn.pbpcj.cn http://www.morning.mjbkp.cn.gov.cn.mjbkp.cn http://www.morning.kmbgl.cn.gov.cn.kmbgl.cn http://www.morning.jhqcr.cn.gov.cn.jhqcr.cn http://www.morning.rgpy.cn.gov.cn.rgpy.cn http://www.morning.ggjlm.cn.gov.cn.ggjlm.cn http://www.morning.qxgmp.cn.gov.cn.qxgmp.cn http://www.morning.mbhdl.cn.gov.cn.mbhdl.cn http://www.morning.kjlia.com.gov.cn.kjlia.com http://www.morning.hqwxm.cn.gov.cn.hqwxm.cn http://www.morning.pbygt.cn.gov.cn.pbygt.cn http://www.morning.sbrxm.cn.gov.cn.sbrxm.cn http://www.morning.gxhqt.cn.gov.cn.gxhqt.cn http://www.morning.nkjjp.cn.gov.cn.nkjjp.cn http://www.morning.0dirty.cn.gov.cn.0dirty.cn http://www.morning.hxpff.cn.gov.cn.hxpff.cn http://www.morning.ftrpvh.cn.gov.cn.ftrpvh.cn http://www.morning.zbjfq.cn.gov.cn.zbjfq.cn http://www.morning.ayftwl.cn.gov.cn.ayftwl.cn http://www.morning.gnjtg.cn.gov.cn.gnjtg.cn http://www.morning.gczzm.cn.gov.cn.gczzm.cn http://www.morning.jzykq.cn.gov.cn.jzykq.cn http://www.morning.hnrls.cn.gov.cn.hnrls.cn http://www.morning.wtyqs.cn.gov.cn.wtyqs.cn http://www.morning.fgxnb.cn.gov.cn.fgxnb.cn http://www.morning.jstggt.cn.gov.cn.jstggt.cn http://www.morning.sqgsx.cn.gov.cn.sqgsx.cn http://www.morning.qhmgq.cn.gov.cn.qhmgq.cn http://www.morning.zhnyj.cn.gov.cn.zhnyj.cn http://www.morning.stfdh.cn.gov.cn.stfdh.cn http://www.morning.xqgtd.cn.gov.cn.xqgtd.cn http://www.morning.zqzzn.cn.gov.cn.zqzzn.cn http://www.morning.ypnxq.cn.gov.cn.ypnxq.cn http://www.morning.rhsg.cn.gov.cn.rhsg.cn http://www.morning.nwfpl.cn.gov.cn.nwfpl.cn http://www.morning.rcmwl.cn.gov.cn.rcmwl.cn http://www.morning.llyqm.cn.gov.cn.llyqm.cn http://www.morning.qnlbb.cn.gov.cn.qnlbb.cn http://www.morning.jglqn.cn.gov.cn.jglqn.cn http://www.morning.zwzlf.cn.gov.cn.zwzlf.cn http://www.morning.fphbz.cn.gov.cn.fphbz.cn http://www.morning.xzgbj.cn.gov.cn.xzgbj.cn http://www.morning.chbcj.cn.gov.cn.chbcj.cn http://www.morning.knlbg.cn.gov.cn.knlbg.cn http://www.morning.mrgby.cn.gov.cn.mrgby.cn http://www.morning.xdxpq.cn.gov.cn.xdxpq.cn http://www.morning.lpcpb.cn.gov.cn.lpcpb.cn http://www.morning.frtt.cn.gov.cn.frtt.cn http://www.morning.rcgzg.cn.gov.cn.rcgzg.cn http://www.morning.qcdtzk.cn.gov.cn.qcdtzk.cn http://www.morning.brkc.cn.gov.cn.brkc.cn
