Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/self-denial-cy/mini-vue

vue2 vue3

Last synced: 8 days ago
JSON representation

深入学习 Vue 源码

Host: GitHub
URL: https://github.com/self-denial-cy/mini-vue
Owner: self-denial-cy
License: mit
Created: 2022-07-26T14:11:25.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-09-20T10:29:21.000Z (over 1 year ago)
Last Synced: 2024-11-10T22:14:07.944Z (2 months ago)
Topics: vue2, vue3
Language: JavaScript
Homepage:
Size: 1.73 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

# mini-vue

## [exercise1](./exercise1)

个人搭建的极简 vue2，实现了简易版 compiler、observe、vdom、global-api 等

### 安装依赖

```shell
npm i

cd examples

npm i
```

### 运行

```shell
npm run dev

cd examples

npm run server
```

> 开发模式已经开启了 sourcemap，进入 examples 目录可以根据现有案例或自写案例 debugger 源码

## [exercise2](./exercise2)

实现简易版 vue-router，实现了 $route、$router、router-link、router-view 等功能

### 安装依赖

```shell
npm i

cd examples

npm i
```

### 运行

```shell
npm run dev

cd examples

npm run server
```

> 开发模式已经开启了 sourcemap，进入 examples 目录可以根据现有案例或自写案例 debugger 源码

## [exercise3](./exercise3)

实现简易版 Vuex，实现了严格模式、插件扩展、持久化插件、registerModule、replaceState、mapState、mapActions、模块化、命名空间等功能

### 安装依赖

```shell
npm i

cd examples

npm i
```

### 运行

```shell
npm run dev

cd examples

npm run server
```

> 开发模式已经开启了 sourcemap，进入 examples 目录可以根据现有案例或自写案例 debugger 源码