Vue vs React: Javascript框架之战

【义务编辑：枯木 TEL：（010）68476606】

另一方面，React推荐你所有的模板通用JavaScript的语法扩大——JSX书写。同样的代码，用JSX书写的例子如下：

配套框架

而不合之处是在于它们若何接洽关系它们各自的配套框架。Vue的核心团队保护着vue-router和vuex，它们都是作为官方推荐的存在。而React的react-router和react-redux则是由社区成员保护，它们都不是官方保护的。

重要差别

Vue与react有很多的类似之处，但他们也有完全不一致的处所。

模板 vs JSX

React与Vue最大年夜的不合是模板的编写。Vue鼓励你去写近似惯例HTML的模板。写起来很接近标准HTML元素，只是多了一些属性。

<ul> 
 
    <template v-for="item in items"> 
 
        <li>{{ item.msg }}</li> 
 
        <li class="divider"></li> 
 
    </template> 
 
</ul>

这些属性也可以被应用在单文件组件中，尽管它须要在在构建时将组件转换为合法的JavaScript和HTML。

<ul> 
 
<pasta-item v-for="(item, key) in samplePasta" :item="item" :key="key" @order="handleOrder(key)"></pasta-item> 
 
</ul>

Vue鼓励你去应用HTML模板去进行衬着，应用类似于Angular风格的办法去输出动态的内容。是以，经由过程把原有的模板整合成新的Vue模板，Vue很轻易供给旧的应用的进级。这也让新来者很轻易适应它的语法。

<ul className="pasta-list"> 
 
    { 
 
        Object.keys(this.state.pastadishes).map(key => 
 
            <PastaItem index={key} key={key} details={this.state.pastadishes[key]} addToOrder={this.addToOrder} orders={this.state.orders[key]} /> 
 
        ) 
 
    } 
 
</ul>

React/JSX乍看之下，认为异常烦琐，但应用JavaScript而不是模板来开辟，付与了开辟者很多编程才能。

但请记住：

才能越大年夜，义务越大年夜。 Ben Parker

JSX只是JavaScript混淆着XML语法，然而一旦你控制了它，它应用起来会让你认为酣畅。这可能只是我小我的看法，但我认为这比Angular 1风格的属性很多多少了，Angular 1真的难以忍耐。

而相反的不雅点是Vue的模板语法去除了往视图/组件中添加逻辑的诱惑，保持了存眷点分别。

值得一提的是，与React一样，Vue在技巧上也支撑render函数和JSX，但只是不是默认的罢了。

状况治理 vs 对象属性

如不雅你对React熟悉，你就会知道应用中的状况是(React)关键的概念。也有一些配套框架被设计为治理一个大年夜的state对象，如Redux。此外，state对象在React应用中是弗成变的，意味着它不克不及被直接改变(这也许不必定精确)。在React中你须要应用setState()办法去更新状况。

addToOrder(key) { 
 
	
			 5/7   首页 上一页 3 4 5 6 7 下一页 尾页	
			

　　推荐阅读
　　Linux下常用系统分析工具总结
            
            对于法度榜样员来说，全部计算机体系由四个重要的模块构成，分别是：CPU，收集，磁盘，内存。在我们的法度榜样或者体系出现问题时，我们应当分别有必定先后次序的对这四块进行排查。而在L>>>详细阅读


本文标题：Vue vs React: Javascript框架之战
地址：http://www.17bianji.com/lsqh/35980.html
 1/2    1