命令式框架
- 命令式框架的特点是关注过程,jQuery就是典型的命令式框架
- 自然语言能与命令式代码产生一一对应的关系,代码本身描述的就是‘做事的过程’,符合逻辑直觉
例如以下jQuery代码
var container = $('#myBox')
container.click(() => {
alert('hello')
})
container.innerHTML = 'Custom'
上述代码对应的语言描述是:获取id为‘myBox’的元素,点击元素弹出信息框内容为‘hello’,设置元素中的文本为‘Custom’
声明式框架
- 声明式框架的特点是更加注意结果
例如以下Vue代码
<div @click="() => alert('hello')">Custom</div>
只需要告诉Vue我需要一个div元素,它的绑定的点击事件是..,元素内部文本设置为‘Custom’
vue.js帮我们封装了过程,所以暴露给用户的更加声明式
读书笔记Vue.js设计与实现 霍春阳 著