- 数据来驱动界面更新（声明式渲染）
- 只要
数据发生了改变，界面就会自动改变
<div id='box'></div>
let message = 'BNTang';
const oDiv = document.querySelector('#div');
oDiv.innerText = message;
message = 'www.it6666.top';
oDiv.innerText = message;
- 上方的效果是自己手动设置新的值
用了React之后的写法
<div id='box'>{message}</div>
let message = 'BNTang';
message = 'www.it6666.top';
- 上面的两个例子，是想说明，第一种数据改变了页面不会改变，第二种是数据改变了页面也会跟着发生改变
- 当然 React 的语法并不是上面的语法我只是举个例子
组件化开发
- 组件化开发（乐高帝国）
- 将网页拆分成一个个独立的组件来编写
- 然后再将编写好的组件拼接成一个完整的网页