https://github.com/afine970/study_direactive

https://github.com/afine970/study_direactive

Last synced: over 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/afine970/study_direactive
• Owner: AFine970
• Created: 2021-07-14T06:24:08.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-07-22T06:00:39.000Z (about 5 years ago)
• Last Synced: 2025-02-12T15:48:38.330Z (over 1 year ago)
• Language: JavaScript
• Size: 37.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# vue 指令学习笔记

## 快速开始

```bash

npm install

npm run serve

```

## 项目结构

```txt

|-- study_direactive

    |-- .gitignore

    |-- package-lock.json

    |-- package.json

    |-- readme.md

    |-- webpack.config.js

    |-- src

    |   |-- Compile.js // 编译

    |   |-- index.js // 主入口

    |   |-- Vue.js // mini-vue对象

    |   |-- Observer // 引入之前写好的响应式模块

    |       |-- array.js

    |       |-- defineReactive.js

    |       |-- Dep.js

    |       |-- observe.js

    |       |-- Observer.js

    |       |-- utils.js

    |       |-- Watch.js

    |-- www

        |-- index.html

```

## 概述

结合数据响应式模块，实现了一个简单的双向绑定 `v-model` 指令