国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

React还是Vue:你该如何选择?

发布时间:2019/07/11标签:   模板    点击量:

原标题:React还是Vue:你该如何选择?
React还是Vue:你该如何选择?2016年React坚固了它作为前端框架之王的位置,这一年中能够看到它在Web端和挪动真个疾速生长,同时稳稳当先于它的重要合作敌手Angular。然而2016对Vue来讲也是一样使人印象深入的一年,它公布了Vue 2.0版本而且在JavaScript社区惹起了宏大反应,GitHub上多出的25000颗star就是最好的证实。React和Vue的实用范畴无疑是很类似的:一样是基于组件的轻量级框架,一样专一于用户界面的视图层。一样能够用在简略的名目中,也一样能够应用百口桶扩大为庞杂的利用顺序。由于,许多Web开辟者想晓得他们应当应用哪个框架。是此中一个显明优于另一个?仍是他们有各自的长处和坑?或许他们基础就是一个样?两个框架 两个拥戴者在本文中,我想用一次公正,完全的对照往返答下面的疑难。然而独一的成绩是我是一个Vue粉丝,完整不敷主观。往年我在名目中重度应用Vue,在Medium上大加欣赏,乃至还公布了Udemy课程为了均衡我的成见,我叫上了我的友人Alexis Mangin,他是一个很牛的JavaScript开辟者,同时也是一个React铁粉。他一样沉醉于React中,常常在Web端和挪动真个名目中应用。有一天Alexis问我:“为甚么你这么中意Vue,而不是React呢?”当时候我不太懂得React, 没方法给出一个好的谜底。以是我出了一个主张,找一地利间,带上条记本电脑,相互先容一下相互做出抉择的起因。经由大批的探讨和和相互进修后,咱们找到了6个要害点。假如你喜爱用模板搭建利用(或许有这个主意),请抉择VueVue利用的默许选项是把markup放在HTML文件中。数据绑定表白式采纳的是和Angular类似的mustache语法,而指令(特别的HTML属性)用来向模板增加功效。上面的示例是一个简略的Vue利用。它会展现message和一个用来reverse message的按钮://HTML<divid="app"><p>{{message}}</p><buttonv-on:click="reverseMessage">ReverseMessage</button></div>//JSnewVue({el:'#app',data:{message:'HelloVue.js!'},methods:{reverseMessage:function(){this.message=this.message.split('').reverse().join('');}}});比拟之下,React利用不应用模板,它请求开辟者借助JSX在JavaScript中创立DOM。上面是用React完成的一样的利用://HTML<divid="app"></div>//JS(pre-transpilation)classAppextendsReact.Component{constructor(props){super(props);this.state={message:'HelloReact.js!'};}reverseMessage(){this.setState({message:this.state.message.split('').reverse().join('')});}render(){return(<div><p>{this.state.message}</p><buttononClick={()=>this.reverseMessage()}>ReverseMessage</button></div>)}}ReactDOM.render(App,document.getElementById('app'));

版权信息Copyright © IT技术教程 版权所有    ICP备案编号:鲁ICP备09013610号