React的核心思想

react

  • 数据来驱动界面更新(声明式渲染)
  • 只要 数据 发生了改变,界面就会自动改变

<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 的语法并不是上面的语法我只是举个例子

组件化开发

  • 组件化开发(乐高帝国)
  • 将网页拆分成一个个独立的组件来编写
  • 然后再将编写好的组件拼接成一个完整的网页

  • https://cn.vuejs.org/images/components.png
  • React官方地址:https://reactjs.org/

以上是 React的核心思想 的全部内容, 来源链接: utcz.com/z/384228.html

回到顶部