Vue和MVVM的对应关系

MVVM可以分成四部分

  • Model:模型
  • View:视图
  • ViewModel:视图模型
  • Binder:绑定器

  • 模型：是指代表真实状态内容的领域模型(面向对象)，或指代表内容的数据访问层(以数据为中心)

  • 视图：是用户在屏幕上看到的结构、布局和外观(UI)

  • 视图模型：暴露公共属性和命令的视图抽象。让视图和数据二者进行通信，靠的绑定器

  • 绑定器：声明性数据和命令绑定

Vue和这四部分的关系

  • 视图：对应真实的html和css
  • 视图模型：对应Vue的模板语法
  • 绑定器：对应v-bind v-model @click :prop等绑定数据语法
  • 模型：Vue的实例中的那些属性 datamethods $computed 等等
<template /> 负责视图模型和绑定器
<style /> 负责视图的CSS
<script /> 中定义的Vue实例负责模型的数据管理和绑定器的逻辑

这样更加容易理解一些

posted @ 2020-08-18 11:34  CodeMuscle  阅读(305)  评论(0)  编辑  收藏  举报