react vue 对比
发布时间:2020-12-15 07:34:17 所属栏目:百科 来源:网络整理
导读:模板书写对比 react jsx 写法 render() { return ( div h3 TODO / h3 TodoList items = {this.state.items} / form onSubmit = {this.handleSubmit} input onChange = {this.handleChange} value = {this.state.text} / button {'Add #' + (this.state.items
模板书写对比react jsx 写法 render() {
return (
<div>
<h3>TODO</h3>
<TodoList items={this.state.items} />
<form onSubmit={this.handleSubmit}>
<input onChange={this.handleChange} value={this.state.text} />
<button>{'Add #' + (this.state.items.length + 1)}</button>
</form>
vue 写法 <div>
<h3>TODO</h3>
<TodoList :items="items"/>
<form @submit="handleSubmit">
<input v-model="text"/>
<button>add # {{items.length+1}}</button>
</form>
</div>
vue 模板绑定更加简洁,表现在以下几点:
direct 带来的方便性
后面待续。。。(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |