# Vue2-theory

**Repository Path**: weisonglei/Vue2-theory

## Basic Information

- **Project Name**: Vue2-theory
- **Description**: 手写Vue2.0核心源码,实现vue核心原理
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-12-27
- **Last Updated**: 2022-11-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# 手写Vue2.0核心源码



## 介绍

手写vue2.0核心源码,在手写源码的过程中有大量的注释，是实现vue原理的一些思路以及本人对vue的理解，希望可以帮助新手快速掌握vue核心原理

## 使用Rollup搭建开发环境

### 1.什么是Rollup?

*Rollup* 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码， rollup.js更专注于Javascript类库打包 （开发应用时使用webpack，开发库时使用Rollup）

###  2.环境搭建

**安装rollup环境**

```js
npm install @babel/preset-env @babel/core rollup rollup-plugin-babel rollup-plugin-serve cross-env -D
```

## 项目启动

### 1.git clone 拉取代码

### 2.npm i 下载依赖

### 3.npm run serve 启动项目

## 仓库结构

### 仓库主要分为master开发分支和realese分支，release分支名代表着源码实现的不同步骤

1.release/data => Vue响应式原理     index.html

2.release/elm => 模板编译   dist/index.html

3.release/watcher => dep依赖收集和渲染Watcher   dist/2.index.html

4.release/nextTick => nextTick异步更新   dist/3.index.html

5.release/arrdep => 数组更新视图渲染    dist/4.index.html

6.release/mixin => mixin合并     dist/5.index.html