前后端知识库 前后端知识库
首页
    • JavaScript
    • React
    • Vue
  • Python
  • Sanic
  • Linux
  • Ansible
归档
GitHub (opens new window)
首页
    • JavaScript
    • React
    • Vue
  • Python
  • Sanic
  • Linux
  • Ansible
归档
GitHub (opens new window)
  • JavaScript

  • React

  • Vue

    • 基础

      • MVVM模式
      • 生命周期
      • 计算属性 vs 方法 vs 侦听属性
      • v-if vs v-show
      • 列表渲染之数组、对象更新检测
    • 组件

    • 过渡&动画

    • 可复用性&组合

    • 工具

    • 规模化

    • 其他

  • frontend
  • Vue
  • 基础
devin
2023-09-07

MVVM模式

# MVVM 模式

MVVM 模式,M即 model,数据模型;V即 view,视图;VM即 view-model,视图模型。

理解

首先,数据 Model 通过 Data Bindings 把数据绑定在 View 视图上,

当 View 视图有交互(有改变)的时候,Dom listeners 会自动监听,然后更新数据 Model。

Q:什么是 MVVM 模式?

A:MVVM 模式,第一个 M 代表数据模型,V 代表视图,VM 代表视图模型; 它的实际操作原理是:后台数据通过视图模型来渲染视图,就是页面。当用户在页面上进行操作的时候, 视图模型会自动监听到用户的操作,从而改变后台数据。

编辑 (opens new window)
上次更新: 2023/09/07, 15:09:00
Webpack
生命周期

← Webpack 生命周期→

Theme by Vdoing | Copyright © 2023-2023 devin | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式