作家
登录

Vue vs React: Javascript框架之战

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

  •             orders: 0 
  •  
  •         } 
  •  
  •     }, 
  •  
  •     methods: { 
  •  
  •         addToOrderNew: function(y){ 
  •  
  •             this.orders += 1; 
  •  
  •             this.$emit('order'); 
  •  
  •         } 
  •  
  •     } 
  •  
  •  
  •   
  •  
  • </script> 
  •  
  •   
  •  
  • <style src=http://developer.51cto.com/art/201706/"./Pasta.css"></style>  
  • 正如膳绫擎你看到的例子中,HTML, JavaScript和CSS都写在一个文件之中。你不再须要在.vue组件文件中惹人CSS,固然这也是可以的。

    React也是异常类似的,JavaScript与JSX被写入同一个组件文件中。

    1. import React from "react"
    2.  
    3.   
    4.  
    5. class PastaItem extends React.Component { 
    6.  
    7.   
    8.  
    9.     render() { 
    10.  
    11.         const { details, index } = this.props; 
    12.  
    13.   
    14.  
    15.         return ( 
    16.  
    17.             <li className="pasta-dish list-unstyled"
    18.  
    19.                 <div className="row"
    20.  
    21.                     <div className="col-md-3"
    22.  
    23.                         <img src=http://developer.51cto.com/art/201706/{details.image} alt={details.name} /> 
    24.  
    25.                     </div> 
    26.  
    27.                     <div className="col-md-9 text-left"
    28.  
    29.                         <h3>{details.name}</h3> 
    30.  

        推荐阅读

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

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


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

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

    关键词: 探索发现

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

    网友点评
    自媒体专栏

    评论

    热度

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