nichan-13/Vue_source-learn

Vue_source-learn

Vue.js源码学习

Snabbdom 是一个虚拟 DOM 库，专注提供简单、模块性的体验，以及强大的功能和性能。

初始化项目

$ mkdir snabbdom-demo
$ cd snabbdom-demo
$ yarn init -y / $ npm init -y

安装 parcel

$ yarn add parcel-bundler / $ npm i parcel-bundler

package.json中添加配置

"scripts": {
  "dev": "parcel index.html --open",  // --open 浏览器自动打开
  "build": "parcel build index.html"
},

安装 snabbdom（最新版本有更新，这里指定版本进行学习）
```
$ yarn add snabbdom@0.7.4 / $ npm i snabbdom@0.7.4
```

/js 数据响应式概述及发布订阅模式
- Vue2 实现响应式 -- defineProperty (demo02-03)
- Vue3 实现响应式 -- Proxy (demo04)
- 发布/订阅模式 -- 由统一调度中心（事件中心）调用，因此发布者和订阅者不需要对方的存在(demo06)
- 观察者模式 -- 由具体目标调度，订阅者和发布者之间存在依赖(demo07)
/MINIVUE 手写 Vue.js 响应式原理

/js
- Vue
- Observer -- 数据劫持
- Compiler -- 解析指令
- Dep -- 发布者
- Watcher -- 观察者

Nuxt.js综合案例

Nuxt.js - 基于 Vue.js 的通用应用框架

https://zh.nuxtjs.org/guide/

realworld - 一个可以使用任何技术栈实现的开源项目（论坛）