vue props 对象_关于 Vue 和 React 的一些对比及个人思考(上)

以下文章来源于:https://juejin.im/post/5e153e096fb9a048297390c1

作者:笪笪

前言

Vue 和 React 都是目前最流行、生态最好的前端框架之一。框架本身没有优劣之分,只有适用之别,选择符合自身业务场景、团队基础的技术才是我们最主要的目的。

博主 1 年前用的是 Vue 框架,近半年转技术栈到 React 框架,对于 Vue 和 React 都有一些基本的了解。接下来博主将与大家一起走近 Vue 和 React,共同探讨它们的差异。(比如你正在用 vue,对 react 感兴趣也可以看下两者之间的用法差异,反之亦然)

整体内容概览:

vue props 对象_关于 Vue 和 React 的一些对比及个人思考(上)_第1张图片 整体内容概览

由于内容较长,将分上、中、下三部分和大家一起共同探讨(有不同意见的欢迎文章下方一起探讨交流,感谢支持)。

1.背景

vue

Google 前工程师尤雨溪于 2014 年创建了这个框架。Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

react

与 Vue 不同,react 库是由 Facebook 创建的。最初是为了 Facebook 广告流量管理创建的。那时 Facebook 遇到了维护和编码方面的问题。它以动态创建和交互式 UI 的能力而闻名。

2.核心思想

vue 与 react 都推崇组件式的开发理念,但是在设计的核心思想上有很大差别。

vue

vue 的整体思想仍然是拥抱经典的 html(结构)+css(表现)+js(行为)的形式,vue 鼓励开发者使用 template 模板,并提供指令供开发者使用(v-if、v-show、v-for 等等),因此在开发 vue 应用的时候会有一种在写经典 web 应用(结构、表现、行为分离)的感觉。另一方面,在针对组件数据上,vue2.0 通过Object.defineProperty对数据做到了更细致的监听,精准实现组件级别的更新。

react

react 整体上是函数式的思想,组件使用 jsx 语法,all in js,将 html 与 css 全都融入 javaScript,jsx 语法相对来说更加灵活,我一开始刚转过来也不是很适应,感觉写 react 应用感觉就像是在写 javaScript。当组件调用 setState 或 props 变化的时候,组件内部 render 会重新渲染,子组件也会随之重新渲染,可以通过shouldComponentUpdate或者PureComponent可以避免不必要的重新渲染(个人感觉这一点上不如 vue 做的好)。

3.组件形式

vue

vue 组件定义使用 xx.vue 文件来表示,vue 组件将 html、css、js 组合到一起,模板部分使用数据使用{ {}},形式如下:

// 模板(html)
{ {name}}div>template>// 数据管理(js)

你可能感兴趣的:(vue,props,对象,vue,props传值,vue,props传值不随着变化而变化,vue,render,return,html对象错误,vue,动态css,vue,动态添加class)