作家
登录

Vue vs React: Javascript框架之战

作者: 来源: 2017-06-30 15:03:24 阅读 我要评论

小结:如不雅你的应用中,交互复杂,须要处理大年夜量的UI变更,那么应用Virtual DOM是一个好主意。如不雅你更新元素并不频繁,那么Virtual DOM并不必定实用,机能很可能还不如直接操控DOM。

组件化

React与Vue都鼓励组件化应用。这本质上说,是建议你将你的应用分拆成一个个功能明白的模块,每个模块之间可以经由过程合适的方法互相接洽。关于组件化的例子可以在这篇文┞仿的中心部分被找到:

你可以认为组件就是用户界面中的一小块。如不雅让我来设计Facebook的UI界面,那么聊天窗口会是一个组件,评论会是另一个组件,赓续更新的石友列表也会作为一个组件。

在Vue中,如不雅你遵守必定的规矩,你可以应用单文件组件.

  1. //PastaItem.vue 
  2.  
  3.   
  4.  
  5. <template> 
  6.  
  7. <li class="pasta-dish list-unstyled"
  8.  
  9.     <div class="row"
  10.  
  11.         <div class="col-md-3"
  12.  
  13.             <img :src=http://developer.51cto.com/art/201706/"this.item.image" :alt="this.item.name" /> 
  14.  
  15.         </div> 
  16.  
  17.         <div class="col-md-9 text-left"
  18.  
  19.             <h3>{{this.item.name}}</h3> 
  20.  
  21.             <p> 
  22.  
  23.                 {{this.item.desc}} 
  24.  
  25.             </p> 
  26.  
  27.             <button v-on:click="addToOrderNew" class="btn btn-primary">Add to order</button> <mark>{{this.orders}}</mark> 
  28.  
  29.         </div> 
  30.  
  31.     </div> 
  32.  
  33. </li> 
  34.  
  35. </template> 
  36.  
  37.   
  38.  
  39. <script> 
  40.  
  41.   
  42.  
  43. export default { 
  44.  
  45.     name'pasta-item'
  46.  
  47.     props: ['item'], 
  48.  
  49.     data:  function(){ 
  50.  
  51.         return
  52.  

  53.   推荐阅读

      Linux下常用系统分析工具总结

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


    本文标题:Vue vs React: Javascript框架之战

    地址:http://www.17bianji.com/lsqh/35980.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)