43 lines
1.0 KiB
Markdown
43 lines
1.0 KiB
Markdown
---
|
||
title: MVVM模式
|
||
date: 2020-02-04 12:19:00
|
||
permalink: /pages/114158caa9e96df0
|
||
categories:
|
||
- 《Vue》笔记
|
||
- 基础
|
||
tags:
|
||
- Vue
|
||
author:
|
||
name: xugaoyi
|
||
link: https://github.com/xugaoyi
|
||
---
|
||
:::tip
|
||
|
||
说明：本章内容是博主的Vue学习笔记，以[官方文档](https://cn.vuejs.org/v2/guide/)为准。
|
||
|
||
:::
|
||
|
||
|
||
|
||
# MVVM模式
|
||
|
||
MVVM模式，`M`即 model，数据模型；`V`即 view，视图；`VM`即 view-model，视图模型。
|
||
<!-- more -->
|
||
|
||
|
||
**理解**
|
||
|
||
首先，数据Model通过Data Bindings把数据绑定在View视图上，
|
||
|
||
当View视图有交互（有改变）的时候，Dom listeners会自动监听，然后更新数据Model。
|
||
|
||
|
||
|
||
|
||
|
||
**Q：什么是MVVM模式？**
|
||
|
||
A：MVVM模式，第一个M代表数据模型，V代表视图，VM代表视图模型；
|
||
它的实际操作原理是：后台数据通过视图模型来渲染视图，就是页面。当用户在页面上进行操作的时候，
|
||
视图模型会自动监听到用户的操作，从而改变后台数据。
|