[请教] 我准备围绕"vue3 编译原理"输出一系列文章， V 友们是否感兴趣？

如果想在 V2EX 获得更好的推广效果，欢迎了解 PRO 会员机制：
https://www.sunp.eu.org/pro/about

如果你经常使用铜币置顶主题，持有 V2EX Solana Token 会在每日签到时获得额外铜币：
https://www.sunp.eu.org/solana

This topic created in 763 days ago, the information mentioned may be changed or developed.

能够上 V 站基本就已经过滤掉了小白，说明 V 友们基本都脱离了菜鸟的范围。

目前网上讲 vue 源码的文章大部分都是讲的是运行时的源码，比如响应式原理、diff 算法之类的。

其实编译时的代码在 vue 源码中也占了很大的比例，但是网上关于编译原理的文章不算多，或者是只简单的讲讲 parse 、transform 函数等。

我准备围绕"vue3 编译原理"输出一系列成体系的文章，V 友们是否感兴趣？

28 replies • 2024-05-07 11:13:30 +08:00

adrianyx

Apr 30, 2024

支持

Cary

Apr 30, 2024

有了踢我

ouyangcoder

Apr 30, 2024

@Cary 是 @的意思吗？

ouyangcoder

Apr 30, 2024

@adrianyx 哈哈，感谢。说明还是有人看这个东西，我接下来就准备开始输出

starcoming

Apr 30, 2024

支持

GoldenLeez

Apr 30, 2024

支持

Campanula

Apr 30, 2024

支持

我是做后端的，对前端一直有陌生感，就是因为它大量的代码生成（类似的东西我只在 protobuf 感受过）。

各种 app create 脚手架又像黑盒一样，bable swc esbuild rollup 各种概念在层级上还有差异，不知道怎么积累知识体系，亟需指点。

4ark

Apr 30, 2024

支持，发了麻烦圈一下我

Campanula

Apr 30, 2024

“其实编译时的代码在 vue 源码中也占了很大的比例”

也希望串讲一下 vue 和 tsc 和 jsx 和 postcss 这些有外部语法的处理流程，以及为什么会用到 esbuild 。

（没想到还有我这样的小白...每次被大量的前端概念淹没）

ZnductR0MjHvjRQ3

Apr 30, 2024

支持有了麻烦踢我一下谢谢

wusheng0

Apr 30, 2024

收藏了，有了记得更新一下（

g0python32

Apr 30, 2024

我是菜鸟我是菜鸟我是菜鸟
我是小白我是小白我是小白

dengshen

Apr 30, 2024 via Android

支持谢谢你我的朋友，你才是真正的英雄

klongfei

Apr 30, 2024

支持，收藏等更新，提前感谢 OP 的分享

TaiShang

Apr 30, 2024

支持

SaigyoujiNono

Apr 30, 2024 via Android

很想看，对这里一直没什么了解

Xu3Xan89YsA7oP64

Apr 30, 2024

无非就那几个步骤，知道 vue 的模板具体是怎么编译的对工作没啥鸟用
真好学的话直接去学编译原理这门课

moqsien

Apr 30, 2024

最近正好在学 vue

mathfather001

Apr 30, 2024

I am interested

0xD800

Apr 30, 2024

支持，虽然我可能看不懂，但是表示支持😁

voidcomma

May 1, 2024

资瓷

YELine

May 2, 2024

大力支持

yidev

May 2, 2024

那是相当的感兴趣

liushengxian1230

May 2, 2024

支持 mark 一下

songray

May 3, 2024

写过 Vue 宏编译相关的文章.
https://ray-d-song.com/post/vue-compiler-macro-defineProps
Vue 的编译没多少内容, 因为 Vue 并不是非常依赖 compile 的项目, 同时大量借助了 babel 去做词法分析、语法分析、语义分析等真正的核心内容.
想研究前端编译其实 dart-sass 是更好的选择.

ouyangcoder

May 5, 2024

第一篇 vue3 编译原理揭秘文章来啦，

[vue3 编译原理揭秘] vue3 的宏到底是什么东西？。V 站 URL 地址： https://www.sunp.eu.org/t/1037877

@Cary @starcoming @GoldenLeez @Campanula @4ark @Campanula @Motorola3 @wusheng0 @g0python32
@dengshen @zblongfei @TaiShang @SaigyoujiNono @moqsien @mathfather001 @0xD800 @xiaojie668329
@YELine @yidev @liushengxian1230

ouyangcoder

May 6, 2024

第二篇 vue3 编译原理揭秘文章来啦，

[vue3 编译原理揭秘] Vue 3 的 setup 语法糖到底是什么东西？。V 站 URL 地址： https://www.sunp.eu.org/t/1038089

Cary

May 7, 2024

@ouyangcoder 对的感谢你的文章