Vue和React之间的语法差异
发布时间
阅读量：
阅读量
React和Vue是当下非常流行的前端JavaScript框架，并且它们的性能都非常出色。这篇博客的主要目的是比较 React 和 Vue 在功能相近但语法上有区别的地方，并帮助读者避免产生误解。
一、Vue、React模板
Vue.js 使用了基于 HTML 的模版语法：
- 数据绑定最常见的形式就是使用
{{...}}（双大括号）
<div id="app">
{{5+5}}<br>
{{ ok ? 'YES' : 'NO' }}<br>
{{ message.split('').reverse().join('') }}
</div>- 动态绑定属性使用
v-bind:name="变量名"或语法糖方式:name="变量名"。
<div :class="{'类名': 控制是否添加该类的变量}"></div>
<div :class="{'container': isShow }"></div>React使用JSX语法：
- 数据绑定或者js语法都使用
{}(单大括号)
<div id="app">
{5+5}<br>
{ok ? 'YES' : 'NO' }<br>
{ message.spli全部评论 (0)
还没有任何评论哟~