![](http://p3.pstatp.com/large/53fd0001ef956fd9f8f4)
请点击此处输入图片描述
React.js和Vue.js是这个星球上最流行的JavaScript库。它们都很强大,相对来说很容易获取和使用。
React和Vue的共性:
使用虚拟DOM。
提供响应式视图组件。
专注于开发过程中的一个方面。目前集中在视图层。
有这么多相似之处,你可以假设它们都是同一事物的不同版本。
这两个库之间有一个主要的区别:它们如何让开发人员创建视图组件,反过来又可以应用程序。
React采用JSX(这个词是react团队创造的)渲染内容到DOM。那么什么是JSX?基本上,JSX是一个JavaScript渲染功能,帮助你将你的HTML放到你的JavaScript代码中合适的地方。
Vue采用不同的方法,使用HTML模板。使用Vue模板就像是用JSX就是他们都是创建使用JavaScript。主要的区别是,JSX函数在实际的HTML文件中从来不被使用,而Vue模板不是这样。
特别说明下,Vue.js的相关课程可以点击这里:www.hubwiz.com
React JSX
我们将深入探讨JSX如何工作。假设你有一个要在DOM上显示的名称列表。你们公司最近的一份新员工名单。
如果你使用的是普通的HTML,你首先需要创建一个index.html文件。然后,你将添加以下代码行。
<ul>
<li> John </li>
<li> Sarah </li>
<li> Kevin </li>
<li> Alice </li>
<ul>
这里没什么好说的,只是普通的HTML代码。
那么你使用JSX怎么做同样的事情?第一步是创建一个index.html文件。但是,不像以前那样添加完整的HTML,只需要添加一个简单的