# reading-vue

**Repository Path**: lukasavage/reading-vue

## Basic Information

- **Project Name**: reading-vue
- **Description**: 共读《vue设计与实现》
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-27
- **Last Updated**: 2022-02-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 第一篇：框架设计概念

## 第 1 章：权衡的艺术

​	1.1 命令式和声明式

> 命令式框架最大的特点就是`关注过程`，早年间流行的jQuery就是典型的命令式框架。如下代码展示↓↓↓

​			

```js
const div = document.querySelector('#app')  // 获取div
div.innerText = 'hello world'  // 设置文本内容
div.addEventListener('click', ()=>{alert('ok')})
```

​	可以看到，自然语言描述能够与代码产生一一对应的关系，代码本省描述的是“做事的过程‘，这符合我们的逻辑直觉、

> 与命令式框架不同的是，声明式框架更加关注结果。结合vue.js。我们开看看声明式的代码是如何实现的吧。

```vue
<div @click="()=> alert('ok')">hello world</div>
```

​	可以看到，我们提供的是一个"结果"，至于如何实现这个”结果“，我们并不关心，这就像我们在告诉Vue.js："嘿，vue.js,看到没，我要的就是一个div,文本内容是hello world",它有个事件绑定，你帮我搞定吧。” 至于实现改结果的`过程`，则是由Vue.js帮我们完成的。换句话说，Vue.js帮我们封装了过程。因此我们能够猜到Vue.js的内部实现一定是`命令式的`，而暴露给用户的却更加`声明式`。