react学习

react vs vue

 <script type="text/babel">
      var myComponent=React.createClass({
          handleClick:function(){
              this.refs.myTextInput.focus();
          },
          render:function(){
            return (
                <div>
                    <input type="text" ref="myTextInput"/>
                    <input type="button" value="Focus the text input"
                    onClick={this.handleClick}/>
                </div>
            );
          }
      });
      ReactDOM.render(
          <myComponent/>,
          document.getElementById('example')
      )
    </script>

在组件myComponent中有类似于xml的文件，其实并不是xml，而是一种虚拟dom的元素。
虚拟dom的好处是：
在dom节点改变时，可以先修改虚拟dom，再修改真实dom，极大提高了性能。
react
ref refs属性：
react因为组件中是虚拟属性，所以在组件中的input和用户进行互动时，无法直接拿到用户的真实输入，此时需要一个回调函数settimeout或者onclick的会调函数，确定在dom节点已经插入页面中之后再进行读取。
vue
vue中组件间进行通信是根据组件内的input
组件外绑定自定义事件，组件内input元素绑定事件，触发组件外面的自定义事件，再将内容传递出来。

this.$emit('jumpTo'，option)；
<input  :jumpTo="jumpTo">
methods:{
  jumpTo(option){

  }
}