文章 2024-09-27 来自:开发者社区

手把手教你剖析vue响应式原理,监听数据不再迷茫

近期在对 vue 的学习到一定阶段之后,在想着自己能不能造些东西。于是身边的小伙伴建议说可以从看 vue 的源码开始,毫无头绪的我原本迟迟不敢迈出这一步……(内心经历了各种自我劝说后)最终,我开启了我的源码学习之路。 于是我搜刮了一些常见的原理来进行学习,我对 vue 源码的第一步从 vue 的响应式原理开始。 下面的这篇文章中,将记录我学习 vue 响应式原理的总结。一起来了解一下吧~‍ 一、....

手把手教你剖析vue响应式原理,监听数据不再迷茫
文章 2024-09-24 来自:开发者社区

vue使用hook:声明周期来监听子组件的声明周期

在子组件本身自我监听/内部监听生命周期函数: <template > <div class="container"> 我是子组件 :{{num}} <button @click="changeFun">chhange按钮</button> &...

文章 2024-08-14 来自:开发者社区

Vue——vue2监听元素style变化

前言 纯粹是为了偷懒,不想再安装swiper来渲染,直接改造下element-ui的走马灯,实现类似的效果,最主要的是后续会迭代到vue3,所以这里临时的实现下即可; 内容 元素绑定ref 给需要监听的元素添加ref,这里是ref="carouse" ...

文章 2024-07-11 来自:开发者社区

【vue】 vue2 监听滚动条滚动事件

代码 直接上代码,vue单文件 index.vue <template> <div class="content" @scroll="onScroll"> <p>内容</p> <p>内容&l...

【vue】 vue2 监听滚动条滚动事件
文章 2024-07-11 来自:开发者社区

【vue】 vue中判断路由变化 | 监听路有变化

vue中判断路由变化 | 监听路有变化 参考文章:vue中判断路由变化 1.watch监听路由变化和methods同级 watch: { $route: "routerChange", }, ...

文章 2024-07-03 来自:开发者社区

vue 监听 sessionStorage 中值的变化

通过 watch 可以监听vue实例已有属性的变化,那么怎样监听 sessionStorage 中值的变化呢? 使用场景 以角色为例,将当前用户的角色存入 sessionStorage 的 role 中,切换角色后,首先要修改 sessionStorage 中的 role 值,接着需从 sessionStorage 中取出新的 role 值显示在页面上。 ...

vue 监听 sessionStorage 中值的变化
文章 2024-07-02 来自:开发者社区

Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等

Vue Router简介 Vue Router 官网  https://router.vuejs.org/zh/guide/#html Vue Router 用于对vue项目中的路由进行管理,每个路由对应的页面,通过<router-view></router-view> 进行渲染,可以配合 <transition> 和 &l...

文章 2024-07-01 来自:开发者社区

vue 监听滚动条行为 | 判断滚动条是向上滚动还是向下滚动

实现思路 记录当前滚动条与文档顶部间的距离,将滚动后滚动条与文档顶部间的距离与滚动前滚动条与文档顶部间的距离做比较,若距离变大,则是向下滚,若距离变小,则是向上滚 完整范例代码 <template> <div&...

文章 2024-05-16 来自:开发者社区

Vue 监听器:让你的应用实时响应变化

摘要: 本文详细介绍了Vue.js中的监听器,一种强大的响应式依赖追踪机制。通过监听器,你可以轻松实现数据变化到视图的实时更新,提升应用的动态交互体验。 引言: 随着前端技术的发展,Vue...

文章 2024-05-09 来自:开发者社区

vue中watch监听路由传来的参数变化问题

一个组件内写了个编程路由,通过交互触发 this.$router.push({ name: "Result", query: { // 发送搜索词给result title: this.inputVal, }, ...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注