声明式框架和命令式框架的区别，Vue为什么是声明式框架（Vue.js设计与实现读书笔记）

honestrobot

于 2022-10-28 18:03:57 发布

阅读量699

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/honestrobot/article/details/127576177

博客介绍了命令式和声明式两种前端框架。命令式框架关注过程，jQuery是典型代表，其代码描述做事过程，符合逻辑直觉；声明式框架更注重结果。还提及是《Vue.js设计与实现》的读书笔记。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

命令式框架

命令式框架的特点是关注过程，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设计与实现霍春阳著