随感 缘起 佛家讲：缘起性空。写文章也是，总有某些事情触发了这个缘分，让我想起写文章的冲动，有点像乔布斯在斯坦福大学的那个演讲，说到的connecting dots。这份缘，来自本人排查物料应用实际项

OK，如果你不是特别清楚，那接着往下看吧，下面我们会拆开vue-loader的代码，看看SFC内容具体是怎么流转转换，顺便还能学学 webpack loader 的编写套路。 如代码第16行，定义pitcher对象，指定loader路径为 require.resolve('./…

Vite + Vue 3 + Typescript + tsx + less + router + vuex + elementplus 教程示范demo

经过了漫长的迭代，Vue 3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript 进行了大规模的重构，带来了Composition API RFC版本，带你入门

在之前的文章里小浪介绍过Vue2的响应式原理，评论中有掘友评论想让我介绍Vue3的响应式原理，那么在这篇文章中小浪来带大家来简单手写一下Vue3中的几个响应式api

通过上图, 应该可以理解一个Vue组件是如何运行起来的. render渲染函数, render渲染函数是用来生成Virtual DOM的. Vue推荐使用模板来构建我们的应用程序, 在底层实现中Vue最终还是会将模板编译成渲染函数. 因此, 若我们想要得到更好的控制, 可以直接…

AST的具体应用，通过解读babel原理、vue模板编译过程，Prettier实现原理，来分析AST在开发中的具体使用。 AST（抽象语法树）在开发过程中扮演一个非常重要的角色，但是我们却很少去直接接触它。 无论是代码编译（babel），打包（webpack），代码压缩，css…

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。 Vue 3 发…

前言 前几天面试的时候，面试官问到了这个问题，感觉自己答的不是特别好，在这里整理一下~ 文章篇幅会比较长，但是看完一定会收获满满~希望你坚持看下去呀~