Vue、Reacct、Angular三大框架比较学习一：语法点的比较

插值表达式：

vue：{ { }}
react：{ }

<img src={user.avatarUrl}></img>

angular：{ { }}
例子：标签内的文本或标签的属性

<p>{
  {title}}</p>
<div><img src="{
  {itemImageUrl}}"></div>

条件渲染：

vue： v-if，v-else，v-else-if
react：
方法一：创建不同的组件来封装各种你需要的行为。然后，依据应用的不同状态，你可以只渲染对应状态下的部分内容。 可以使用JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态，然后让 React 根据它们来更新 UI。
例子：

function Greeting(props) {
  const isLoggedIn = props.isLoggedIn;
  if (isLoggedIn) {
    return <UserGreeting />;
  }
  return <GuestGreeting />;
}

方法二：JSX中内联条件渲染，通过花括号包裹代码