Vue源码
10篇文章 · 0订阅
  • 【Vue3官方教程】🎄万字笔记 | 同步导学视频
    1. Vue2的局限性 2. 如何使用CompositionAPI解决问题 最佳的解决方法是将逻辑聚合就可以很好的代码可读性。 这就是我们的CompositionAPI语法能够实现的功能。CompositionAPI是一个完全可选的语法与原来的OptionAPI并没有冲突之处。…
    Vue.js 前端
    【Vue3官方教程】🎄万字笔记 | 同步导学视频
  • [Vue官方教程笔记]- 尤雨溪手写mini-vue
    🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…
    Vue.js 前端
    [Vue官方教程笔记]- 尤雨溪手写mini-vue
  • vue-loader 源码解析系列之 整体分析
    简单来说就是：将 *.vue 文件变成 *.bundle.js，然后放入浏览器运行。 以上的输出就是最终可以拿到浏览器上运行的 javaScript，尽管笔者已经删除了一些会影响理解的部分代码，但是这么直接观察这个文件，难免还是无从下手。 那么我们继续细化分析步骤，vue-lo…
    Vue.js JavaScript
  • 深入剖析：Vue核心之虚拟DOM
    使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…
    Vue.js
  • Vue3 深度解析
    距离尤雨溪首次公开 Vue3 (vue-next)源码有一个多月了。青笔观察到，刚发布国庆期间，出现不少解读 Vue3 源码的文章。当然不少有追风蹭热之嫌，文章草草讲讲响应式原理，或者只是做了一些上层的导读，告诉读者应该先看哪再看哪。不能说这些文章就没有一点价值，它确实能够让你…
    Vue.js 前端
  • 「进击的前端工程师」从源码解读Vue生命周期，让面试官对你刮目相看
    在我们的实际项目中，与Vue的生命周期打交道可以说是家常便饭。掌握Vue的生命周期对开发者来说是特别重要的。那么如果能够从源码角度理解Vue的生命周期，对我们的开发和成长会有进一步的提升。 本文从基础知识开始讲起，分为基础知识和源码解读两部分，对基础知识已经掌握的开发者可自行跳…
    Vue.js 前端
    「进击的前端工程师」从源码解读Vue生命周期，让面试官对你刮目相看
  • Vue2.0源码学习2：模板编译和虚拟DOM的生成
    上一节总结了Vue的响应式数据原理，下面总结一下Vue中模板编译。模板编译情景众多，复杂多变，现在只学习了普通标签的解析，编译，未能对组件，指令，事件等多种情况进行深入学习总结。 解析模板代码生成AST语法树，主要依赖正则。 将ast 语法树生成代码。 方法：parseStar…
    Vue.js
  • Vue 组件渲染流程
    组件化是 Vue, React 等这些框架的一个核心思想，通过把页面拆成一个个高内聚、低耦合的组件，可以极大程度提高我们的代码复用度，同时也使得项目更加易于维护。所以，本文就来分析下组件的渲染流程。我们通过下面这个例子来进行分析： 这里我们可以理解为返回了一个名叫 VueCom…
    前端
  • 从vue-loader源码分析CSS Scoped的实现
    虽然写了很长一段时间的Vue了，对于CSS Scoped的原理也大致了解，但一直未曾关注过其实现细节。最近在重新学习webpack，因此查看了vue-loader源码，顺便从vue-loader的源码中整理CSS Scoped的实现。 本文展示了vue-loader中的一些源码…
    Vue.js
  • 刺破 vue 的心脏之——详解 render function code
    vue 在使用上入门并没有什么太高的门槛，但前端同学们也不该仅仅停留在使用上。以 vue 设计、编码之优秀，足当抽丝剥茧，扒开它的外壳，深入其原理。让我们一起来刺破 vue 的心脏 vue 核心执行过程图 vue 核心的执行过程主要分为这几个阶段：1） 编译模板，生成可复用的 rend…
    Vue.js