首先要理解什么是命令式,什么是声明式

  1. 命令式
const div = document.querySelector('#app') // 获取 div
div.innerText = 'hello world' // 设置文本内容
div.addEventListener('click', () => { alert('ok') }) // 绑定点击事
件
  1. 声明式
<div @click="() => alert('ok')">hello world</div>

可以看到,vue就是声明式的一个框架,它最终也会转成命令式,但是这部分被框架隐藏了。

声明式代码的性能不优于命令式,因为命令式明确,不会做多余的操作

但是声明式代码的可维护性更强,这也是为什么现今市面上的框架都是声明式的原因

而框架开发者要考虑的则是如何提升性能,尽量做到与命令式一致