1.脚手架对比 两个都需要安装node node自带npm 然后安装cnpm yarn(有时候 npm会丢包,所以) npm install -g cnpm --registry=https://registry.npm.taobao.org   或者npm install -g yarn 2 cnpm install -g create-react-app 好了之后在创建项目 create-react-app reactdemo cd  reactdemo npm start         …

@1===>发现一个神奇的地方在对数组进行增加删除的时候 react中一个输入框点击enter键,然后数组push,然后渲染 <input ref='valInput' onKeyUp={this.sureEnter}></input> 还必须拆开来写这么写是不对的 必须拆开一步一步来写,日了狗了,删除也是 *************************************************************************************…

先来vue的吧,先上图,生命周期就好比一个人重出生到青少年再到青年再到中年在到老年到死亡的一个过程,不同的过程做不同的事情. 好了,上代码 beforeCreate :数据还没有挂载呢,只是一个空壳 created:这个时候已经可以使用到数据,也可以更改数据,在这里更改数据不会触发updated函数 beforeMount:虚拟dom已经创建完成,马上就要渲染,在这里也可以更改数据,不会触发updated mounted:此时,组件已经出现在页面中,数据.真实dom都已经处理好了,事件都已经挂载…

import React from 'react'; class Baby extends React.Component { constructor (props) { super(props) this.state={ name:'小兵' } //第二种改变this指向的方法 this.changeName2= this.changeName2.bind(this); } // 方法根render同级 方法1 changeName1(){ console.log(this.state.nam…

其实差不多, 都需要先安装路由 React  先安装 cnpm install react-router-dom --save 在再根组件引入 import { BrowserRouter as Router, Route, Link } from "react-router-dom"; 这个严格匹配要注意(vue没有好像)     这个动态路由传值,对应 的组件获取值 在DidMount里面去获取 this.props.match.params vue的话是this.$route.p…

跟vue差不多 都是props,但是react里面不仅可以给子组件传值,还可以传方法,MD尽然还可以把自己传给子组件,(卧槽vue可没有这个啊 )  vue的传递值差不多,传方法就不用了,子组件可以掉父组件的方法,父组件也可以直接调用子组件的方法,this.$parents.方法名 react直接传值 <Header title={this.state.title} /> 子组件 直接调用<h2>{this.props.title}</h2> 传递方法,<Head…

import React, { Component } from 'react'; import girl from '../assets/images/1.jpg' //这个是全局的不要this.state.girl 直接{girl}调用 // import common from '../assets/css/common.css'//css错误的引入方式 import '../assets/css/common.css' //css正确的引入方式 /* react绑定属性注意: class…

目前开始使用react余遇到的问题还不是很多,但还是希望总结一下. react中的属性prop: 在react中组件的父子组件的通信是基于prop的,当然对于底层的东西不是特别了解,但可以说一说它的基本用法. 上代码: import React, { Component, PropTypes} from 'react' class Parent Component { //父组件 render() { return ( <div> <Children name='刘恒'></…

Vue和React对比 Vue也已经升级到2.0版本了,到现在为止(2016/11/19)比较流行的MVVM框架有AngularJS(也有人认为其为MVC).ReactJS和VueJS,这三个框架中,以我现在的情况来说(AngularJS2还没有去接触),ReactJS和VueJS的对比应该是比较适合的,感觉这哥俩就是好基友,不管是单向数据流.组件化思想.还是构建大型应用的路由和状态管理都有些许相似之处.而AngularJS与Jquery对比我个人觉着比较合适. 为什么现在MVVM框架这么火呢?…

相同点 都有组件化开发和virtual DOM(具体实现方式不同) 都支持props进行父子组件间数据通信 都支持数据驱动,不直接操作真实DOM,更新状态数据,界面自动更新 都支持服务器渲染 都支持native的方案,react 的 React Native,vue 的 weex 不同点 数据绑定:vue 双向绑定,react单向数据流 组件写法不同,具体见下面的讲解 state 对象在 react 中不可变的,需要使用 setState 方法更新状态:在 vue 中,state 对象不是必须的…