# mini-mvvm

**Repository Path**: fishbone_0628/mini-mvvm

## Basic Information

- **Project Name**: mini-mvvm
- **Description**: mvvm框架的简单实现
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-02-01
- **Last Updated**: 2025-02-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, JavaScript

## README

# mini-mvvm

#### 介绍

参照 Vue1 实现了一个简单的 mvvm 框架，实现了数据劫持、数据代理、模板编译、视图更新的功能，支持插值表达式、v-model 与 v-text 指令、v-bind 语法糖 `:` 单向绑定数据、使用 `@` 绑定自定义事件等语法。

#### 软件架构

1. `mvvm-v2` ：项目源代码文件夹，包括 `Vue.js`、`compiler.js`、`observer.js`、`watcher.js`、`dep.js`，入口文件为 `Vue.js`
2. `example`：`index.html `文件，对打包后的 `vue.js` 文件对代码进行简单使用
3. `dist`：webpack 打包输出目录，包括打包后的 `vue.js` 文件
4. `webpack.config.js`：webpack 配置文件

#### 安装教程

1. 下载依赖

   ```bash
   npm install
   ```

2. 项目打包

   ```bash
   npm run build
   ```

#### 使用说明

通过 webpack 成功打包后在 `dist` 目录下生成打包后的 `vue.js` 文件，在 html 文件中以 `<script>` 标签直接引入即可在此 html 文件中使用 `vue.js` 文件