对mvc自己的理解

96 阅读1分钟

1.view层:视图层 2.model层:数据层 从model层拿到数据渲染在view层 3.control层:控制层 视图层进行一些操作,修改数据,数据更新通知视图渲染 mvc是单向的,model->view->control->model->view 数据改了视图自然从新渲染(react内部完成的,react完成的是监听数据的更新,当数据更新的时候,自动更新视图,dom diff/虚拟dom转化为真实dom),但是视图层改了,数据层不会做相应的改动,如果需要数据的更新,则需要在controll层自己去实现 mvvm是双向的,数据改了视图自然而然改了,视图改了数据也自然改了

model层中的东西:属性(props)或者是状态(state)

state = {
    n:100
}

view层:render()中的jsx语法,

<div>
  {state.n}
  <button onClick=this.handle>
  </button>
</div>

controll控制层:一些实现的方法

handle(){
    this.setState({
        n:2000
    })
}

无论是vue还是react都是告别操作dom的时代,都是基于数据驱动,由数据驱动视图的改变,无非是react比vue少了视图自动更新数据这一层,需要自己手动实现 react-dom(虚拟dom渲染成真实dom)写webApp,react-native(构建原生的app开发),最终的底层核心都是react

react-router-dom:hash/browser

react-redux(中间件)

axios(fetch)(promise)

antd 基于脚手架开发。creat-react-app