# vue2.x-mvvm-demo

**Repository Path**: kevinleeeee/vue2.x-mvvm-demo

## Basic Information

- **Project Name**: vue2.x-mvvm-demo
- **Description**: **案例：实现MVVM**

技术：es6/
功能：模板编译/数据劫持/观察者watcher关联数据和视图/发布订阅模式
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-16
- **Last Updated**: 2021-11-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

**案例：实现 MVVM**

Mini Vue 的组成部分：

- observe 监听器：数据劫持
- reactive 实现响应式：属性代理
- Dep 依赖管理器：负责将视图中所有依赖收集管理，包括依赖添加和通知更新
- watcher 监听器：具体更新的执行者，将模板编译和数据劫持联系起来
- Compile 编译器：扫描模板中所有依赖(指令，插值，绑定，事件等)，创建更新函数和监听器(watcher)

技术：es6/

功能：模板编译/数据劫持/观察者 watcher 关联数据和视图/发布订阅模式.

实现步骤：

1. 模板编译 Compile
2. 数据劫持 Observer
3. 监听器 Watcher
4. 发布订阅 Observer > Dep

源码地址：https://gitee.com/kevinleeeee/vue2.x-mvvm-demo