isfor_you的博客

实现组件的方法: 组件名称首字母必须大写 1.通过JS函数方式实现组件 <div id="app"></div> <script type="text/babel"> var ReactDiv = document.getElementById('app'); function GetReactComp(){ return <p>我是react组件</p> } const hellocomp = &

1.React概述 是用于构建用户界面的JS库，旨在简化可视化界面的开发 基于JSX的语法，JSX是React的核心组成部分，它使用xml标记的方式去直接声明界面和HTML,JS混写 React核心是组件 ReactDOM.render(element,container[,callback]) 参数： element:渲染的源对象（元素或组件） container:渲染的目标对象 callback:可选，用户定义回调函数 2.React的优点: 声明式设计 高效：React通过对DOM的模拟，最

监听数据变化的实现原理不同 Vue通过getter/setter以及一些函数的劫持能精确知道数据的变化 React默认是通过比较引用方式(diff)进行的，若不优化会导致大量不必要的VDom(虚拟Dom)的重新渲染 数据流不同 Vue实现双向绑定：props可以双向绑定、组件与DOM之间可以通过v-model绑定 React不支持双向绑定，提倡单向数据流,称之为onChange/setState模式 组件通信的区别 Vue中有三种方式可以实现组件通信： 父组件通过props向子组件传递数据或..