https://github.com/sonofmagic/deep-in-vue

vue 编译本质论
https://github.com/sonofmagic/deep-in-vue

compiler deep deep-in-vue vue

Last synced: 10 months ago
JSON representation

vue 编译本质论

• Host: GitHub
• URL: https://github.com/sonofmagic/deep-in-vue
• Owner: sonofmagic
• License: other
• Created: 2025-04-12T18:09:39.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-29T09:40:36.000Z (11 months ago)
• Last Synced: 2025-07-29T09:44:21.364Z (11 months ago)
• Topics: compiler, deep, deep-in-vue, vue
• Language: TypeScript
• Homepage: https://deep-in-vue.icebreaker.top
• Size: 2.16 MB
• Stars: 14
• Watchers: 1
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

          
# deep in vue

本仓库是一个基于 `vue` 的学习项目

[文档阅读网站](https://deep-in-vue.netlify.app/)

## 介绍

这个项目编写的目的为，帮助我们更好的理解 `vue` 的运行机制，以及 `vue` 的编译原理。

在这里，你会体会到:

1. `vue`/`[jt]sx` 文件的本质

2. `script setup` 和 `script` 的区别

3. `.vue` 的编译时到底做了什么

4. 以及何为 `vue` 的编译时优化(本项目直接使用渲染函数来做，所以没有任何的编译器优化)

5. 分辨哪些是编译时指令，什么是运行时指令

## 运行环境

1. `Nodejs@LTS`(22.x)

2. `pnpm@10`

## 代码目录

- `apps/only-vue-runtime` 为纯运行时版本

- `apps/fully-compiled` 为全编译器版本

- `packages/*` 一些实验性的包

## 运行方式

```bash

# 安装包

pnpm i

# 开发环境

pnpm dev

```

## 许可证

本仓库下的文章(所有的 `md` 文件) 为 [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans)

所有的代码 (`js/ts` 文件) 为 [MIT](https://opensource.org/licenses/MIT)