vue
6篇文章 · 0订阅
  • VUE源码系列七：v-model实现原理
    v-model即我们常说的双向绑定，但一定不能跟数据响应原理混为一谈，因为数据响应式是通过数据的改变去驱动视图渲染，而双向绑定除了可以数据驱动DOM渲染，DOM的变化反过来也可以影响数据，是一个双向的关系。 当我们在表单中输入文案，那么message也会跟着变化，OK，让我们来…
    Vue.js
    VUE源码系列七：v-model实现原理
  • 一次弄懂 Vue2 和 Vue3 的 nextTick 实现原理
    都会用 nextTick，也都知道作用是在下次 DOM 更新循环结束之后，执行延迟回调能拿到更新后的 DOM 相关信息....
    前端 Vue.js JavaScript
    一次弄懂 Vue2 和 Vue3 的 nextTick 实现原理
  • Vue 的完整生命周期源码流程详解
    Vue 生命周期这种烂大街的问题为什么还在问？当然是考察你的熟练度、深度、你的知识面，还有学习能力，你说是吗？
    前端 Vue.js JavaScript
    Vue 的完整生命周期源码流程详解
  • Vue源码（十）插槽原理
    Vue中实现了具名插槽和作用域插槽两种，从源码角度分析两种插槽是如何实现的，以及他们的区别。包含v-slot形式的具名插槽的实现原理。
    Vue.js 前端
    Vue源码（十）插槽原理
  • Vue源码（十一）keep-alive 原理
    开发过程中，经常使用keep-alive缓存组件。这篇就是分析Vue是怎么通过keep-alive实现缓存的，以及keep-alive特有的两个生命周期函数是什么时机执行的
    Vue.js 前端
    Vue源码（十一）keep-alive 原理
  • 彻底揭秘keep-alive原理
    用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创…
    Vue.js
    彻底揭秘keep-alive原理