hincky的主页 hincky的主页
  • 学习笔记

    • Vue笔记
    • Vuepress
    • nginx
  • 语言类

    • java
    • go
    • python
    • 设计模式
  • 框架类

    • Spring
    • Spring Security
    • Mybatis
  • 容器技术

    • docker
    • k8s
    • helm
    • prometheus
    • grafana
    • jenkins
  • 命令集合

    • linux命令
    • docker命令
    • git命令
    • vim命令
    • k8s命令
  • 数据库

    • sql
    • mysql
  • 协议

    • 网络模型
    • http/1.1
    • WebSocket
    • http/2
    • TLS/SSL
    • tcp
    • IP
    • tcpdump抓包命令
    • wireshark抓包工具
  • 通用

    • Git
  • 技术分享

    • git push/pull总是超时怎么办
    • idea debug技巧
    • postman使用
    • 问题总结
    • idea使用技巧
  • Oauth2

    • Oauth2原理
  • 项目列表

    • redis项目
    • 微服务项目
  • 分类
  • 标签
  • 归档
  • 随笔
GitHub (opens new window)

Hincky

当有趣的人,做想做的事
  • 学习笔记

    • Vue笔记
    • Vuepress
    • nginx
  • 语言类

    • java
    • go
    • python
    • 设计模式
  • 框架类

    • Spring
    • Spring Security
    • Mybatis
  • 容器技术

    • docker
    • k8s
    • helm
    • prometheus
    • grafana
    • jenkins
  • 命令集合

    • linux命令
    • docker命令
    • git命令
    • vim命令
    • k8s命令
  • 数据库

    • sql
    • mysql
  • 协议

    • 网络模型
    • http/1.1
    • WebSocket
    • http/2
    • TLS/SSL
    • tcp
    • IP
    • tcpdump抓包命令
    • wireshark抓包工具
  • 通用

    • Git
  • 技术分享

    • git push/pull总是超时怎么办
    • idea debug技巧
    • postman使用
    • 问题总结
    • idea使用技巧
  • Oauth2

    • Oauth2原理
  • 项目列表

    • redis项目
    • 微服务项目
  • 分类
  • 标签
  • 归档
  • 随笔
GitHub (opens new window)
  • Vue笔记

    • 基础

      • MVVM模式
      • 生命周期
        • Demo
        • 生命周期图示
      • 计算属性 vs 方法 vs 侦听属性
      • v-if vs v-show
      • 列表渲染之数组、对象更新检测
        • 数组更新检测
          • 变异方法 (mutation method)
          • 替换数组
          • 注意事项
        • 对象变更检测注意事项
        • 总结
    • 组件

    • 过渡&动画

    • 可复用性&组合

    • 工具

    • 规模化

    • Vuex

    • 其他

  • vuepress

  • nginx

  • 前端
  • vue
  • vue核心
hincky
2022-10-29

mvvm模式

# 什么是MVVM模式

MVVM模式:

  • M model,数据模型
  • V即 view,视图
  • VM即 view-model,视图模型

mvvm

理解:后台数据通过VM来渲染V,就是页面。当用户在页面上进行操作的时候, VM会自动监听到用户的操作,从而修改M改变后台数据。

mvvm

总结

  • M模型:data中数据
  • V视图:模板代码
  • VM视图模型:Vue实例
  1. data中所有的属性,最后都出现在vm身上
  2. vm身上所有的属性(即 Vue原型上所有的属性),在Vue模板中(即在html里面写模板语法的地方)都可以直接使用
编辑 (opens new window)
#Vue#Vue核心
最近更新
01
人生前期重要的能力
05-17
02
防火墙命令
04-11
03
docker-compose部署mysql主从集群
03-22
更多文章>
Theme by Vdoing | Copyright © 2022-2023 Hincky | MIT License | 粤ICP备2022120427号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式