首页>>后端>>java->vue和typescript的区别(vue和ts结合好吗)

vue和typescript的区别(vue和ts结合好吗)

时间:2023-11-30 本站 点击:1

Vue 在工程使用方面 并没有 想象中 比React 好用。

Vue可能在国内已经是国人的标配了吧,因为Vue之前没有设配typescript的原因,所以我一直也就看了看Vue cli 创建出来的es6 babel 版本用了一下。可是发现提示 什么的 完全不能和React 的 typescript 版本的好用。而且@types团队也对React的库进行很友好的跟进。

随着Vue 2.5 和 Vue-cli 3.0 的发布,Vue也开始可以支持Typescript了。于是开始使用了一下国人认为最好的好前端库。不过在使用的过程工,我发现Vue并没有在React上使用的方便。主要还是存在提示这个方面吧。

在React 的 typescript 版本中 你的 组件定义必须要有 两个接口 来定义这个接口 来管理 Props 和 State

真是这样的定义

而在Vue中(这里以 element-ui 为例子)

提示的东西没有没有我想象中的友善,也就是说。我做这个项目几乎要看着 element-ui 才能完成,并不想antd [typescript] 那种,只要看过一次,记住某些单词,下次选择就好的样子。

路由方面,React - router 也更新到4了,在这个版本的路由可以说是自由度非常高。因为项目大了起来后,参与的人就多了,如果还是用以前的Router3 的版本来 管理 路由的话,路由和组件的 解耦性就非常差。

而Vue - router 依然才用久版本来管理,也就是 React - router 3 的语法

最大的区别使用就在于 路由的件套使用中你会很明显的体验到。

如果你的项目打算使用Typescript的话,建议是不要的,因为很多你以前使用有关Vue的第三方插件,几乎没有@types这个团队的支撑,你还要自己学着怎么写*.d.ts文件来声明变量文件。

体验了一下。

Vue上手还是很快的,那些说React 上手很难的,我是不太明白我是有点不太明白,那些说React 难的 是否真的使用React 有 3天以上。 还是说因为国情问题,赶工!!!所以就去看了一下Vue。哦原来是这样。2个小时是学了某个功能,然后就说自己会的那种。

总结了一下

如果对接的公司不会使用React的话,我想我可能也不会今天来使用Typescript写Vue,得出的一个体验是,用Typescript写Vue 体验并没有ng框架和React库 提供Typescript 来管理项目 的好。

Vue 更新 PHP 的丑陋语法

React 和 Ng 更新 Java 那种麻烦但 人多参与可控的语法

react和vue区别

两者本质的区别:模板和组件化的区别

Vue本质是 MVVM 框架,由 MVC 发展而来;

React是前端 组件化 框架,由后端组件化发展而来;

Vue使用 模板

React使用 JSX

React本身就是 组件化

Vue是在 MVVM 上扩展的

共同点:

都支持组件化,都是 数据驱动视图

监听数据变化的实现原理不同:

数据流的不同:

高阶组件本质就是高阶函数,React的组件是一个纯粹的函数,所以高阶函数对React来说非常简单。

Vue中组件是一个被包装的函数,并不简单的就是我们定义组件的时候传入的对象或者函数。

组件通信的区别:

渲染模版的不同:

Vuex和Redux的区别:

diff算法不同:

事件机制不同:

数据是否可变:

react 整体是 函数式 的思想,把组件设计成 纯组件 ,状态和逻辑通过 参数 传入,所以在 react 中,是 单向数据流 ,推崇结合 immutable 来实现 数据不可变 。react在 setState 之后会重新走 渲染 的流程,如果 shouldComponentUpdate 返回的是 true ,就继续渲染,如果返回了 false ,就不会重新渲染

vue 的思想是 响应式 的,也就是基于是 数据可变 的,通过对每一个属性建立 Watcher 来监听,当属性变化的时候,响应式的更新对应的虚拟 dom

vue:

react:

react 的性能优化需要 手动 去做,而 vue 的性能优化是 自动 的,但是 vue 的 响应式机制 也有问题,就是当 state 特别多的时候, Watcher 也会很多,会导致 卡顿 ,所以大型应用( 状态特别多 的)一般用 react ,更加可控

通过js来操作一切,还是用各自的处理方式:

reac t的思路是 all in js ,通过 js 来生成 html ,所以设计了 jsx ,还有通过 js 来操作 css

vue 是把 html,css,js 组合到一起,用 各自 的处理方式, vue 有单文件组件,可以把 html、css、js 写到一个文件中, html 提供了 模板引擎 来处理。

类式的组件写法,还是声明式的写法:

react是 类式 的写法,api很少

vue是 声明式 的写法,通过传入各种 options , api 和 参数 都很多。所以 react 结合 typescript 更容易一起写,vue稍微复杂。vue3支持class类式的写法了

react整体的思路就是 函数式 ,所以推崇 纯组件,数据不可变,单向数据流 ,当然需要双向的地方也可以做到,比如结合redux-form,而vue是基于 可变数据 的,支持 双向绑定 。react组件的扩展一般是通过高阶组件,而vue组件会使用mixin。vue内置了很多功能,而react做的很少,很多都是由社区来完成的, vue追求的是开发的简单 ,而 react更在乎方式是否正确 。

react和vue区别以及为什么会说react适合大型项目

都说react适合做大型项目,但是什么是大型项目呢。

首先在上方已经说过,选用vue或者react作为大型项目的框架主要还是在于人,在于开发团队的统合程度

那为什么还要说react更适合大型项目呢,支点是什么呢?

2.react社区的活跃性

但是这些问题,经过时间的沉淀,vue终会解决,并且现在也不差

团队的协同!!!

回过头来说,对于更高自由度的react开发者而言,每个人对于react的理解都是不一样的,这是与前端开发模块化思想背道而驰的。从这点上就需要领头大佬的设计与把关能力要更优秀,也最终落实到了 人 身上。

其实现在来说,vue和react都相差无几,各有优劣,两者差距更多的是在 语法 , 社区活跃度 , 实现原理 之间的差距。能否做大型项目关键在于项目组的业务划分、部门之间的协调效率上,因为大型项目不是一两个人,三五个人能够完成的。一个项目之所以称为大项目是在于它是公司大量部门协同合作下的产物。也就是说,解决了项目划分等问题,使用vue和react都是可以的。

接下来细说一下vue和react之间的区别

参考博客1

1.设计思想上的区别(数据是不可变的)

react中数据都是进行手动更改达到视图更新,而vue是响应式的进行更改。

所以react结合typescript更容易一起写,vue稍微复杂。不过vue3.0也全面支持typescript。而且vue3.0也更加趋向于react了。这一点在2019年年末推出的vue3.0先行版本已经体现。所以这一点也不在是区别,而是共同点

我总结了一下众多开发者博客内容。关于广为认知的react更适合大型项目的说法,我更加认同vue和react同样都适合大型项目,小破站都知道吧,b站就是使用vue+koa进行实现的,你要说小破站不是一个大型项目么?当然我现在还是一个新手,只是对于两个框架使用上一些浅显认知,欢迎大家来怒怼我哈。

附上几个链接可以看看

第一次写,语言不够凝练或者疏漏请谅解。希望大家可以从中提炼出自己的认知理解。希望大家积极怒怼,大家一起进步。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/java/3814.html