Tags → #Vue
-
考虑路由来源的 Vue 页面缓存逻辑
本文介绍了在Vue框架中实现页面缓存逻辑的两种方案。初版方案通过keep-alive和router-view结合使用,以及路由守卫来控制页面缓存,但存在逻辑复杂的问题。新方案简化了逻辑,通过构建目标页面和来源页面的关系,优化了缓存机制,使得代码更加简洁且易于理解。
-
Vue 组件的 Props 到底能不能改?
Vue 推崇这个概念,也就是数据流向必须是从父到子。子组件想要修改数据必须 一个事件,父组件接收到事件后,由父组件修改数据传回到子组件。 我在 写了个例子,使用版本为 。可以看到在, proxy 的外层 handler 是 : ! 于是当你想直接修改 的时候会被狠狠拦住,提示 。 也是上面的图,能看...
-
写 Vue 我建议非必要别用 watch
Vue 里的 watch 很好用,但是过度依赖 watch 真的好吗?
-
Vue 优化速查
我曾以为,拆分子组件只是用于抽象,但实践告诉我,拆分子组件是提升性能的一种方式。 在我的实际工作中遇到这么个问题,有一个很大的表格,里面有多个新增条目的对话框,当数据很多的时候,填写新增数据都会变卡。 原因就是,在一个组件里,修改值会造成整个组件的数据检查和 diff。但是明知道大表单什么都没改,我...
-
Vue's asynchronous update mechanism
This article mainly introduces the principles of Vue's asynchronous updates. The core understanding of this article is not difficult without the under...
-
El mecanismo de actualización asíncrona de Vue.
Este artículo se centra en los principios relacionados con las actualizaciones asíncronas en Vue. La comprensión central de este artículo no es tan di...
-
Vueの非同期更新メカニズム
この記事では、Vueの非同期更新に関連する原理について説明します。この記事の中心的な理解は、という2つの単語です。 なぜ非同期更新が必要なのでしょうか? 考えてみてください。前の解説で説明したVueの反応性の原理に基づくと、反応性データは値の割り当て時にsetterが実行され、ビューの更新がトリガー...
-
Vue 的异步更新机制
这篇文章主要介绍的就是 Vue 异步更新相关的原理。本篇的核心理解起来没有响应式原理难,重点就是两个字。 为什么需要异步更新? 想想嘛,根据前一篇解析的 Vue 响应式原理,响应式数据在赋值时运行 setter,会触发视图更新,但是就像上面例子中连续赋值的场景可以说十分常见了,在 React 倒是可...