Vue学习

Vue 监听的是“数据的变更”,而不是“时间的流逝”

PHPer 2026-06-08 16 0 0

Vue是什么时候知道currentIndex改变的,是根据onMounted(() => {

startScroll();

}); startScroll();每隔3秒执行一次,执行的同时就知道的吗

Vue 并不是靠定时器去“轮询”检查数据有没有改变,而是通过底层的响应式系统(Proxy)在数据被修改的那一瞬间立刻知道的。

我们可以把这个过程拆解为以下几个步骤来理解:

1. 核心机制:Proxy 拦截

当你使用 const currentIndex = ref(0) 时,Vue 3 底层使用了 JavaScript 的 Proxy 对象将 currentIndex.value 包装了起来。你可以把 Proxy 想象成一个“门卫”。...

立即注册
更新于:2026-06-08 15:54:13
    您需要登录后才可以评论。 立即注册
    相关内容

    vue框架大概要学多久(前端vue要学5天就会方法)

    带你玩转vue——开发工具的选择vscode

    VS Code——Live Server的简介、安装与使用

    fatal: unable to access ‘https://github.com/nhn/raphael.git/‘: Op...

    fatal: unable to connect to gitee.com: gitee.com[0: 180.97.125.228]: e...

    git提交或克隆报错fatal: unable to access ‘https://github.com/tata20191...

    Docker Desktop requires Windows 10 Pro/Enterprise/Home (18363+)

    vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicate...

    express + vue +mysql 搭建项目

    Vue + NodeJS + MySQL 搭建文章后台管理系统

    vue中在.vue文件中定义全局变量 全局函数及使用

    Identifier * is not in camel case - 代码规范性问题

    实战案例丨Vscode开发第一个Vue+Element Plus示例

    学习JS,TS,Vue等等语言做一个信息分享的小平台

    什么是 JWT -- JSON WEB TOKEN

    vue中 router.beforeEach() 的用法

    <router-view v-if=“isRouterAlive“> 刷新当前页面 - Vue2

    createError.js?2d83:16 Uncaught (in promise) Error: Request failed wi...

    vue axios跨域 Request Method: OPTIONS问题

    Vue报错 Errors compiling template: ****** : Interpolation inside attr...

    图片上传402 (Payment Required) 看具体js是这行xhr.send(formData); 报错

    这个符号`是怎么打出来的

    this.$router.push跳转时页面不刷新的问题

    vue 刷新当前页面或者跳转页面时候刷新

    vue项目如何刷新当前页面

    让 vue项目在Linux后台持久运行 npm run dev

    vue+element-ui表格列元素添加链接

    sockjs-node/info?t= net::ERR_CONNECTION_TIMED_OUT

    js快速将字符串数组转化为数字数组(互换)

    Vue中checkbox的v-model初值设置为数组才对

    vue element 中使用a标签报错的问题

    Vue 中使用 router-link 后,URL 变化但是页面不刷新,Vue获取后台传过来的值

    vue:报错“Extra semicolon“解决

    vue中的各种报错整理

    vscode 运行 vue localhost 拒绝了我们的连接请求。使用visual Studio Code...

    yarn 安装 vue3相关问题

    vue从2到3的变化总结1

    Vue学习

    Capacitor + Vue 高效开发标准流程,利用Capacitor的Live Reload(实时...

    Capacitor + Vue +Andriod Studio 解决跨域问题

    currentIndex.value 变化后,如果视图(模板)上没有绑定currentIndex,就...

    Vue 监听的是“数据的变更”,而不是“时间的流逝”

    推荐内容

    真枪实弹,假戏真做,12部具有“实干精神”的电影!

    怎样使用V2Ray代理和SSTap玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩...

    sstap游戏代理教程 从此玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩虹六...

    BT磁力搜索网站汇总和找不到的资源

    什么是磁力链接,您如何使用?

    Z-Library:全球最大的数字图书馆/含打不开的解决方案/镜像

    使用V2Ray的mKCP协议加速游戏

    v2rayN已停止工作