vue三步走:
首先在head中引入vue.js
其次在body中创建一个div元素(div#app )
最后在script中创建一个根实例(
var app = new Vue({
el:'#app',
data:{},
computed:{},
methods:{}
})
)
react三步走:
首先在head中引入react.js、react-dom.js、browser.js
其次在body中创建一个div元素(div#app )
最后在script中创建一个组件componet
创建组建的三种方式:
1.######es5
var App = React.createClass({
render(){
return(
<div>1111<div>
)
}
})
ReactDom.render(<App/>,document.getElementById('app'));
2.######function
function App(props){
return(
<div>1111<div>
)
}
3.#######es6
class App extends React.Compenent{
constructor(props){
super(props);
this.state={
title:"666"
}
}
render(){
return(
<div>1111<div>
)
}
}