orderdishes dishes啥意思

正如我们之前提到的,WordPress 的核心团队正争论着为应该将哪款(前端框架)加入现在的架构之中。目前看来,暂时脱颖而出的是React与/ptasker/pasta-pete-react)

Vue与React最后一个相似但略有不同之处是它们配套框架的处理方法。相同之处在于,两个框架都专注于UI层,其他的功能如路由、状态管理等都交由同伴框架进行处理。

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

Vue与react有很多的相似之处,但他们也有完全不一致的地方。

React与Vue最大的不同是模板的编写。Vue鼓励你去写近似常规HTML的模板。写起来很接近标准HTML元素,只是多了一些属性。

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

Vue鼓励你去使用HTML模板去进行渲染,使用相似于Angular风格的方法去输出动态的内容。因此,通过把原有的模板整合成新的Vue模板,Vue很容易提供旧的应用的升级。这也让新来者很容易适应它的语法。

另一方面,React推荐你所有的模板通用Java的语法扩展——JSX书写。同样的代码,用JSX书写的例子如下:

React/JSX乍看之下,觉得非常啰嗦,但使用Java而不是模板来开发,赋予了开发者许多编程能力。

JSX只是Java混合着XML语法,然而一旦你掌握了它,它使用起来会让你感到畅快。这可能只是我个人的意见,但我觉得这比Angular 1风格的属性好多了,Angular 1真的难以忍受。

而相反的观点是Vue的模板语法去除了往视图/组件中添加逻辑的诱惑,保持了关注点分离。

值得一提的是,与React一样,Vue在技术上也支持render函数和JSX,但只是不是默认的而已。

状态管理 vs 对象属性

如果你对React熟悉,你就会知道应用中的状态是(React)关键的概念。也有一些配套框架被设计为管理一个大的state对象,如Redux。此外,state对象在React应用中是不可变的,意味着它不能被直接改变(这也许不一定正确)。在React中你需要使用setState()方法去更新状态。

在Vue中,state对象并不是必须的,数据由data属性在Vue对象中进行管理。

而在Vue中,则不需要使用如setState()之类的方法去改变它的状态,在Vue对象中,data参数就是应用中数据的保存者。

对于管理大型应用中的状态这一话题而言,Vue.js的作者尤雨溪曾说过,(Vue的)解决方案适用于小型应用,但对于对于大型应用而言不太适合。

多数情况下,框架内置的状态管理是不足以支撑大型应用的,Redux或Vuex等状态管理方案是必须使用的。

有鉴于此,争论你的应用中如何管理状态很可能属于过早优化,并且这很可能只是个人偏好问题。此外,你可能真没必要担心这方面。

React Native能在手机上创建原生应用,React在这方面处于领先位置。使用Java, CSS和HTML创建原生移动应用,这是一个重要的革新。Vue社区与阿里合作开发Vue版的React Native——Weex也很不错,但仍处于开发状态且并没经过实际项目的验证。

那么,谁赢得这场竞赛呢?

如果你想在求职市场中有光辉的Java UI框架使用经验,那么React和Vue都是不错的选择。React似乎更加流行,但Vue也变得越来越广为人知。如果你想将现有的应用升级为新的Java框架,那么我建议你选择Vue。实际上,当你想创建一个现代的Java应用时,两者都是很好的选择,取决于你的偏好。

你对于React或者Vue的想法是什么呢?赶快发表评论告诉我们吧!

编号752,输入编号直达本文

我要回帖

更多关于 orderdishes 的文章

 

随机推荐