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实例负责模型的数据管理和绑定器的逻辑
这样更加容易理解一些
