angular,vue,react的基本语法—插值表达式，渲染数据，响应式数据

基本语法：

1、插值表达式：

vue：{{}}

react：{}

angular:{{}}

2、渲染数据

vue

js:
export default{
data(){
return{
msg:"我是数据"
}
}
}

html:
<p>{{msg}}</p>

react

js:
this.state={
msg:"我是数据"
}

html:
<p>{this.state.msg}</p>

angular

ts:
export class AppComponent{
msg='我是数据';
}

html:
<p>{{msg}}<p>

3、响应式数据

vue

js:
export default{
data(){
return{
msg:"我是数据"
}
}
}

html:
<p>{{msg}}<p>

//更改：
handlechange(){
　　this.msg="响应一下";
}

 react

js:
this.state={
msg:"我是数据"
}

html:
<p>{this.state.msg}</p>

//更改

this.setState({
msg:"响应一下"
})

angular

ts:
export class AppComponent{
msg='我是数据';
}

html:
<p>{{msg}}<p>

//更改

export class AppComponent{
construtor(){
setTimeout(()=>{
this.msg="响应一下"；
}，2000)
}
}