react 好像 vue 啊！

React

Vue

学习

成本

82 replies • 2018-09-05 17:35:14 +08:00

Pikaping

Sep 4, 2018

13

1

你说反了

murmur

Sep 4, 2018

2

react 除了都是 mvvm 他哪里像 vue 了

AllOfMe

Sep 4, 2018

3

react 可以玩出 N 种花样

AllOfMe

Sep 4, 2018

4

单从 hello,world 的 demo 来看，感觉差距很大

NickCarter

Sep 4, 2018 via iPhone

5

vue 像 angular 1.x

maxxxxx

Sep 4, 2018

6

钓鱼？

achilleo

Sep 4, 2018

7

钓鱼可耻

zythum

Sep 4, 2018

3

8

金将军好像涛妹啊。
最近关注朝鲜新闻，感觉好像啊，金将军炉石一定玩得很好。

tnt666666

OP

Sep 4, 2018

9

@murmur
@AllOfMe 从用户使用角度来说区别不大

tnt666666

OP

Sep 4, 2018

10

@maxxxxx
@achilleo 呵呵

weixiangzhe

Sep 4, 2018 via iPhone

11

react angular 都用过了，上周看了 vue，感觉是写法和 angular 差不多，

AllOfMe

Sep 4, 2018

12

@tnt666666 你这个说法听起来有点让人难受，react 和 vue 从实际用户角度来说区别也是很大的，当然要是强行类比说像，也能说的通，毕竟 react 和 Vue 都是 MVMM，而且都能支持 JSX，生命周期

oyosc

Sep 4, 2018

2

13

为啥 react 跟 vue 比起来，我更喜欢 react 呢...

ByZHkc3

Sep 4, 2018

1

14

vue 不就是抄袭 react+ng 的么。
楼主恐怕不知道这段历史吧

murmur

Sep 4, 2018

15

@ByZHkc3 react 的人给 vue 提供了部分代码和思路上次 ng 组的跳出来抨击 vue 的已经被解聘了你想表达什么

ByZHkc3

Sep 4, 2018

2

16

@murmur vue 党牛逼，还不让人抨击了，求解聘

murmur

Sep 4, 2018

17

@ByZHkc3 https://www.zhihu.com/question/63390665/answer/208650724
来这里撕个够
vue 抄 react 的不好意思没搜到

SilentDepth

Sep 4, 2018

18

React 不能算 MVVM 吧。React 和 Vue 像，大概是因为它们都是视图层解决方案。

CocaColf

Sep 4, 2018 via iPhone

19

你这发帖和问法，感觉像是来水的

FakeLeung

Sep 4, 2018 via Android

20

Vue 像一套完整的 mvvm 框架，没了谁貌似都不好用。
react 是一个构建 UI 库，其实只负责 view 层，但是加上各种插件各种库，就像 mvvm 框架了。
目前两个都用 vnode 渲染。

KuroNekoFan

Sep 4, 2018 via iPhone

21

你似乎在逗我笑

yhxx

Sep 4, 2018

2

22

这么厉害
“借鉴”还不让人说了

求红卫兵来解聘我

SilentDepth

Sep 5, 2018 via iPad

23

「抄袭」事件都过去多久了，怎么还有人嚼不完，生活太闲了吗

ggicci

Sep 5, 2018

24

what????

fyibmsd

Sep 5, 2018 via iPhone

25

半点也不像啊差着十条街

VDimos

Sep 5, 2018 via Android

26

我都用了两三年的 react 了，能独立搭建开发环境，也不敢说 react 简单。你觉得简单只是因为，你只看了最基本的用法，和生产环境差太远了。vue 技术选型已经固定，而 react 你甚至还需要纠结是 mobx 还是 redux。这贴是真的像引战

codermagefox

Sep 5, 2018 via iPhone

27

吃瓜看钓鱼，煎饼果子五元一个

releaseme

Sep 5, 2018

28

无脑黑 Vue 的真不少。黑还黑不到点上去

lin

Sep 5, 2018

1

29

楼主的点是，A 和 B 像
楼下很多网友的点是，B 抄的 A，所以只能说 B 和 A 像，不能说 A 和 B 像。

tnt666666

OP

Sep 5, 2018 via Android

30

@VDimos 能搭建环境，那你很牛逼。
状态管理纠结，选型多，所以你觉得难吗？程序员要有点抽象能力啊

zhwithsweet

Sep 5, 2018 via iPhone

31

引战能力还行啊，这么闲吗？

kimown

Sep 5, 2018

32

vue 的 api 设计水准，和 react 相比，很差很落后

murmur

Sep 5, 2018

1

33

@kimown 正好相反，vue 的 api 短小精悍，继承了 jQuery 好记好写的特点，相比 react 继承了 cocoa 系 api 命名巨长的特点没 ide 辅助超级容易打错

murmur

Sep 5, 2018

34

@yhxx 让黑你得黑到点上啊
vue 的 vdom 是直接 fork 了 snabbdom 也没抄你尊贵的 react

plqws

Sep 5, 2018

2

35

猩猩好像人类啊，其实这种说法没啥不对的

xiadd

Sep 5, 2018 via iPhone

36

@murmur 短倒是挺短的，就是概念多了点，又是指令又是插件还有什么事件分发，这些都是内置的，相反 react 除了生命周期和 state props 还有其他的吗，当然你可以说 vue 全面. 并不是说 vue 复杂或者不好用，只是到底谁在黑呢，还尊贵的 react，看酸的

nyaapass

Sep 5, 2018 via iPhone

37

朱军，我喜欢战争

murmur

Sep 5, 2018 via Android

38

@xiadd 指令也要黑?
event 你可以不用
react 一样可以配 event-emitter
都是 js 框架你所有学过的知识都可以用
至于插件不就是全局的 util 么

hasbug

Sep 5, 2018

1

39

找打

owenliang

Sep 5, 2018 via Android

6

40

大家都是搬砖，就不要互相伤害了。

xiadd

Sep 5, 2018

41

@murmur 我并不是说这些不好, 只是你说 vue 的 api 短小精悍我指出来而已, api 短小精悍不仅仅是单词长度吧. 另外指令插件这个都是 vue 内置的吧, 初学者是必学的吧? 你不能说我一碰 vue 就知道这是具体是啥. 能配和内置的还是两个概念.

另外说话可以不用这么咄咄逼人, 让人很难有交流下去的欲望

murmur

Sep 5, 2018 via Android

42

@xiadd 你去学学就知道了
小项目用 event 的学习曲线甚至全局变量的成本远比 react 配 redux 低的多
vue webcomponent 的实现也比 react 混写 jsx 容易的多
论学习曲线 vue 跟 jquery 是一个级别的
react 强在入场早社区更成熟以及和 rn 的配合
而不是你纠结的几个简单的不能再简单的概念

xianxiaobo

Sep 5, 2018

43

vue 就是继承的 angularjs,很多东西换汤不换药

Eoston

Sep 5, 2018

44

我是先看了 react，然后实际用了 vue 的，最近又开始看 react，感觉比之前看思路通了许多。。。。

allce231

Sep 5, 2018

45

react 真的不好学我还是继续 vue 吧

murmur

Sep 5, 2018 via Android

46

@xianxiaobo 作为产品来说
你能通过一个适配器来过渡竞品是 high level
比如国内的地图对 google 地图的宣传都是引 js 无缝过渡
玩弄概念只会增加学习成本
就包括各种 react 的实现也都是 react 全套 api 设计用过来
所以用 angular 的部分概念完全够不黑点

sohoorc

Sep 5, 2018

47

钓鱼啊

xianxiaobo

Sep 5, 2018

48

@murmur 不是黑，是事实，我也没说 vue 不好，是比新的 angular 学习成本低，很多 angularjs 都转 vue 了，而不是 angular

xilixjd

Sep 5, 2018

49

@murmur
@AllOfMe
没双向绑定也叫 mvvm ？了解一下什么是 mvvm 再说吧

leemove

Sep 5, 2018

50

三者都写过...说 vue 和 angular 像的我也就不说啥了,还有说跟 angularJs 像的我是真服气了.钓鱼贴最终只能掉到愚.

murmur

Sep 5, 2018 via Android

51

@xilixjd 叫啊
只不过 vue 是官方语法糖双绑 react 要自己实现

xianxiaobo

Sep 5, 2018

52

@leemove vue 最像的绝对是 angularjs，本来就参考了很多 angularjs 的代码。你可能没用过 angularjs?

sohoorc

Sep 5, 2018

53

@xianxiaobo 对搞过 angularjs 后玩 vue 和小程序感觉两小时入门 0.0

AllOfMe

Sep 5, 2018 via Android

54

@xilixjd 双向绑定实现不了？单从 react 而言，你不用 redux 都能自己实现双向绑定。我感觉是你不懂 mvmm 多一点，不要随便 judge，谢谢

AllOfMe

Sep 5, 2018 via Android

55

@xilixjd 打错字，请忽略，mvvm

xilixjd

Sep 5, 2018

56

@AllOfMe
哈哈实现双向绑定，本身就是双向绑定的框架需要“实现”吗
你什么时候听过 vue 实现双向绑定
何况你真的觉得 setstate 那种也叫双向绑定？
this.state.x = 'y'，x 在视图页面上也自动更新这种才叫双向绑定，而不是 setstate 重新走一遍 update 虚拟 dom

我是刚搜到 react 双向绑定才得知的，如果你的双向绑定不是 setState 可以教教我怎么实现

xilixjd

Sep 5, 2018

57

@murmur 双向绑定是语法糖？
我随手搜了一篇文章 https://segmentfault.com/a/1190000011225943
里面提到 mvvm 框架常用实现方法有
1.发布-订阅模式
2.脏值检测
vue 是发布-订阅模式
你觉得 react 是这两者之一吗，你还觉得 react 能实现双向绑定吗

dany813

Sep 5, 2018

58

啊，五环，你比六环多一环

AllOfMe

Sep 5, 2018

2

59

@xilixjd
1, vue 的 this.state.x = 'y' 和 react 的 this.setState 都可以触发 UI 更新，只是 vue 用了 getter/setter 在使用上更方便，我不明白你对这个 this.setState 有什么歧义
2, this.setState 重新走一遍虚拟 DOM，你是不是不知道 React 在 render 时候能根据 props 是否一样，来判断是否需要 update ？如果你想控制渲染更细腻，完全可以在 SCU 里面去控制渲染。走一遍虚拟 DOM 我认为没什么，如果你觉得是性能问题，那么先考虑一下是不是自己 Component 组合和 Props 的传递方式有问题，这还没用到 redux 的 connect 方法来控制 props 渲染呢。
3, “刚刚去搜了一下 react 的双向绑定”，我希望你是用过 react，并且实际开发过几个项目，对 react 有一定了解了才在这里高山阔论，否则你一知半解都不知道你自己在讲什么，这很可怕。
4, “你听说过本身就是 mvvm 的框架需要实现吗？”，我不明白，简单来说，this.setState+props+onChange 的方式就可以做好一个 APP 的整体数据控制，只是麻烦一点而已，我说的实现就是实现的意思，你不借助 redux/mobx 当然都 OK，不明白你的意思？
5, “除了 this.setState 还有没有其他方式？” 你自己写几个 function，做监听，处理 dispatch，需要更新了就重新 ReactDOM.render()渲染一下传递一下新的 store，这个很难吗？还是说以你的水平，就喜欢 vue 的自动追踪绑定，最好自己一点 function 都不实现，一点处理代码都不写，简简单单的 this.state.x = 'y'就很好了，那这样我觉得也无所谓，你喜欢就好

另外，ReactDOM.render 没有性能问题，我怕你一会又要扯什么性能问题，优雅问题。不，这只是开发者的水平问题而已。