-
Notifications
You must be signed in to change notification settings - Fork 12
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
第三题:简述React和Vue的实现原理以及区分点 #5
Comments
相同点: |
React和Vue的实现原理以及区分点首先讲这两个的区分时,我们先来讲关于MVVM框架的相关概念,然后再从这些概念触发来对比两个框架在这些方面的不同点,会让我们的思路更加的清晰。 MVVMM和MVCMVVM 模式,顾名思义即 Model-View-ViewModel 模式。 一句话总结 Web 前端 MVVM:操作数据,就是操作视图,就是操作 DOM(所以无须操作 DOM )。 MVVM,说到底还是一种分层架构。它的分层如下: M:Model 模型 MVC(Angular1)<input ng-model="ball.basketball" />
.contronller('BallController', ($scope) => {
const ball = {
basketball: '我是蔡徐坤'
}
$scope.ball = ball
}) input标签很好理解,就是MVC中的V(view)视图。 controller顾名思义,就是MVC中的C(controller)控制器。 ball的话就是MVC中的M(model)模型。 Model 进行数据的存储和数据的处理方法(CRUD) MVVM<input v-model="ball.basketball" />
let vm = new Vue({
data: {
ball: {
baskertball: '蔡徐坤就是我'
}
}
}) M:Model 模型 Vue实现原理Vue 是一套用于构建用户界面的渐进式框架。 Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接 React实现原理在 React 中,一切都是 JavaScript。 相同点:1,都是用了Virtual DOM。 不同点:1,React中,当某组件的状态发生改变时,它会以该组件为根,重新渲染整个组件子树,而在Vue中,组件的依赖是在渲染的过程中自动追踪的,所以系统能准确知晓哪个组件确实需要被重新渲染。 |
参考文章:
Vue与React两个框架的区别和优势对比
面试中React与Vue的比对
vue对比其它框架
The text was updated successfully, but these errors were encountered: