README.md · fishbone/mini-mvvm

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

克隆/下载

README.md 1007 Bytes

提交于 2025-02-06 21:34 +08:00 . 增加支持v-bind(:)

# 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` 文件

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

https://gitee.com/fishbone_0628/mini-mvvm.git

git@gitee.com:fishbone_0628/mini-mvvm.git

fishbone_0628

mini-mvvm

master

fishbone/mini-mvvm

简介

发行版

贡献者

近期动态

fishbone/mini-mvvm .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

fishbone/mini-mvvm