React.js和Vue.js都是很好的框架。而且Next.js和Nuxt.js甚至将它们带入了一个新的高度，这有助于我们以更少的配置和更好的可维护性来创建应用程序。但是，如果你必须经常在框架之间切换，在深入探讨另一个框架之后，你可能会轻易忘记另一个框架中的语法。在本文中，我总结了这些框架的基本语法和方案，然后并排列出。我希望这可以帮助我们尽快掌握语法，不过限于篇幅，这篇文章只 比较React.js和Vue.js ，下一篇再谈Next.js个Nuxt.js。

Github

https://github.com/oahehc/react-vue-comparison

Render

React.js

ReactDOM.render(, document.getElementById("root"));

Vue.js

new Vue({
  render: (h) => h(App),
}).$mount("#root");

基本组件

React.js

Class component

class MyReactComponent extends React.Component {
  render() {
    return 
Hello world
;
  }
}

Function component

function MyReactComponent() {
  return 
Hello world
;
}

Vue.js

  
Hello World


  export default {
    name: "MyVueComponent",
  };