框架设计里到处都体现了权衡的艺术 🔲🔲 #

命令式和声明式 #

视图层框架一般分为命令式 和 声明式， 我们先来了解一下命令式和声明式的概念 #

早年间的 Jquery 就是典型的命令式框架 命令式框架的一大特点就是关注过程
#

-获取id为app的div标签
-他的文本内容为helloworld
-绑定点击事件
-点击弹出ok

翻译过来就是 #

$('#app')
  .text('Hello World')
  .on('click', () => alert('ok'))

我们可以看到语言描述与代码形成了一一对应的关系 代码本身描述的就是我们做事的过程 #

那么什么是声明式框架呢， 命令式是关注过程不同，声明式框架更加关注结果 我们如果用 vue 来翻译 #

  <div id='app' @click=() => alert('ok')>hello World</div>