# vue3设计与实现读书笔记01

# 1.命令式与声明式

视图层框架,通常分为命令式和声明式两种,它们各有优缺点,首先我们来看一下两者的区别:

# 命令式:

$('#app') // 获取 div
  .text('Hello World') // 设置文本内容
  .on('click', () => { alert('ok')})  // 绑定点击事件

命令式代码描述的是"做事的过程",符合逻辑直觉。

# 声明式:

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

声明式框架关注结果,不关心如何实现,而是直接提供一个结果,让框架实现。