Vue和React的区别

 

1.语法风格：

• Vue使用模板语法，将模板和逻辑分离。模板可以直接写在HTML中，并使用{{ }}插值表达式绑定数据。

  React使用JSX（JavaScript XML）语法，将组件的结构和逻辑封装在JavaScript代码中。JSX看起来像在JavaScript中编写HTML标记。

  import React, { useState } from 'react';
  
  const App = () => {
    const [count, setCount] = useState(0);
    
    return (
      
  
        
  {count}
         setCount(count + 1)}>Increment
      
    );
  };
  
  export default App;
  

---

2.组件化开发： 

• Vue鼓励使用单文件组件的方式组织代码，将模板、样式和逻辑放在同一个文件中。单文件组件具有.vue扩展名，包含三个部分：