V
Vue 篇
19篇文章 · 0订阅
  • Vue 编译三部曲：最后一曲，render code 生成
    对编译过程的了解会让我们对 Vue 的指令、内置组件等有更好的理解。不过由于编译的过程是一个相对复杂的过程，我们只要求理解整体的流程、输入和输出即可。
    前端 Vue.js JavaScript
    Vue 编译三部曲：最后一曲，render code 生成
  • Vue 编译三部曲：模型树优化
    对编译过程的了解会让我们对 Vue 的指令、内置组件等有更好的理解。不过由于编译的过程是一个相对复杂的过程，我们只要求理解整体的流程、输入和输出即可。
    前端 Vue.js JavaScript
    Vue 编译三部曲：模型树优化
  • Vue 编译三部曲：如何将 template 编译成 AST ?
    对编译过程的了解会让我们对 Vue 的指令、内置组件等有更好的理解。不过由于编译的过程是一个相对复杂的过程，我们只要求理解整体的流程、输入和输出即可。
    Vue.js JavaScript 前端
    Vue 编译三部曲：如何将 template 编译成 AST ?
  • Vue 之 运行时 vs 编译器+运行时（深入源码）
    但是，报错了。由于用cli创建项目时，使用的是runtime-only的构建方式，而在main.js 中，使用 template: '<div>{{this.message}}</div>'。 那么，引子中的案例只需要使用 render函数 来替代 template 就可以咯。
    Vue.js
  • render - Vue3源码解读
    目录: createApp - vue3源码解读 - 掘金 (juejin.cn) createVNode - vue3源码解读 - 掘金 (juejin.cn) 一. 前言 在createApp方法
    前端
    render - Vue3源码解读
  • createVNode - vue3源码解读
    目录: createApp - vue3源码解读 - 掘金 (juejin.cn)) 我们接着上一篇文章来讲，createApp构建之后，我们进行mount挂载，在其中执行了两个重要的操作，第一是cr
    前端
  • createApp - vue3源码解读
    一. 前言 vue3 已经成为主流，vue3 对 vue2 做了兼容的基础上，增加了大量响应式API（hook），更改了生命周期钩子，对响应式原理也做了优化，用 proxy 代替了之前的defineP
    前端
    createApp - vue3源码解读
  • vue2升级vue3: h、createVNode、render、createApp使用
    h、createVNode 杂乱笔记，凑合着看，不喜勿喷！ h 函数是什么 h 函数本质就是 createElement() 的简写，作用是根据配置创建对应的虚拟节点，在vue 中占有极其重要的地位！
    前端
  • 细说 Vue.js 3.2 关于响应式部分的优化
    Vue.js 3.2 已经正式发布，其中关于响应式部分的性能优化，你知道是怎么做的吗？本文会从源码层面分析具体做了哪些优化，以及这些优化背后带来的技术层面的思考。
    前端 Vue.js 性能优化
    细说 Vue.js 3.2 关于响应式部分的优化
  • Vue3丨进一步了解这 20 个响应式 API，写码如有神
    我们希望 val1 或 val2 的值改变的时候，sum 也会响应的做出正确的改变。 让我们记住三个关键的英语单词，它们的顺序也是完成一个响应式的顺序。 浅浅的解释一下：在组件渲染过程中，假设当前正在走一个 “effect”（副作用），这个 effect 会在过程中把它接触到的…
    Vue.js
    Vue3丨进一步了解这 20 个响应式 API，写码如有神