手写 Vue 源码 === Vue3 设计思想

1.声明式框架

Vue3 是声明式的框架，用起来简单。

命令式和声明式区别

• 早在 JQ 的时代编写的代码都是命令式的，命令式框架重要特点就是关注过程
• 声明式框架更加关注结果。命令式的代码封装到了 Vuejs 中，过程靠 vuejs 来实现

声明式代码更加简单，不需要关注实现，按照要求填代码就可以 （给上原材料就出结果）

// 命令式编程：
let numbers = [1, 2, 3, 4, 5];
let total = 0;
for (let i = 0; i < numbers.length; i++) {
	total += numbers[i] - 关注了过程;
}
console.log(total);

// 声明式编程：
let total2 = numbers.reduce(function (memo, current) {
	return memo + current;
}, 0);
console.log(total2);

2.采用虚拟 DOM

传统更新页面，拼接一个完整的字符串 innerHTML 全部重新渲染，添加虚拟 DOM 后，可以比较新旧虚拟节点，找到变化在进行更新。虚拟 DOM 就是一个对象，用来描述真实 DOM 的