vue
3篇文章 · 0订阅
  • 彻底搞懂Vue中keep-alive的魔法(上)
    keep-alive的使用只需要在动态组件的最外层添加标签即可。 简单的结果如下，动态组件在child1,child2之间来回切换，当第二次切到child1时，child1保留着原来的数据状态，num = 5。 按照以往分析的经验，我们会从模板的解析开始说起，第一个疑问便是：内…
    Vue.js
    彻底搞懂Vue中keep-alive的魔法(上)
  • 深入剖析Vue源码 - Vue插槽，你想了解的都在这里!
    从根实例入手进行实例的挂载，如果有手写的render函数，则直接进入$mount挂载流程。 只有template模板则需要对模板进行解析，这里分为两个阶段，一个是将模板解析为AST树，另一个是根据不同平台生成执行代码，例如render函数。 $mount流程也分为两步，第一步是…
    Vue.js
    深入剖析Vue源码 - Vue插槽，你想了解的都在这里!
  • 深入剖析Vue源码 - 响应式系统构建(上)
    回顾一下之前的内容，我们对Vue源码的分析是从初始化开始，初始化_init会执行一系列的过程，这个过程包括了配置选项的合并，数据的监测代理，最后才是实例的挂载。而在实例挂载前还有意忽略了一个重要的过程，数据的初始化(即initState(vm))。initState的过程，是对…
    Vue.js
    深入剖析Vue源码 - 响应式系统构建(上)