美文网首页
VUE的MVVM框架是怎么回事?

VUE的MVVM框架是怎么回事?

作者: yanshuang | 来源:发表于2017-12-26 01:26 被阅读0次

前两天有同学在问MVVM框架是怎么回事,今天给大家分享一下我对VUE的MVVM框架的理解

1、MVVM架构图示

bg2015020110.png

根据mvvm架构图示,很容易看出mvvm框架的特点,那就是双向绑定(view的变动会自动反应在viewModel,反之亦然)。

2、双向绑定是怎样实现的?用一张图可以说明一切

bind-data.png

View:这很简单,就是视图页面
Model:就是业务逻辑相关的数据对象,通常从数据库映射而来,我们可以说是与数据库对应的model。
ViewModel:就是View对应的Model,通过上图可以看出ViewModel就是View与Model的连接器。Model通过ViewModel的处理(各种函数的处理)而改变,View也随着自动刷新,反之亦然。

这是我自己的理解,如有其他理解请留言讨论,谢谢您的阅读!

相关文章

  • VUE的MVVM框架是怎么回事?

    前两天有同学在问MVVM框架是怎么回事,今天给大家分享一下我对VUE的MVVM框架的理解 1、MVVM架构图示 根...

  • 搭建vue+webpack+es6环境

    1、vue介绍 vue属于VM*框架。是 MVVM框架。什么是MVVM框架?就是视图和数据的双向绑定。 vue的核...

  • 01、Vue-入门基础

    Vue中文网 一、MVVM框架 MVVM框架好处 MVVM框架Angular.js/React.js/Vue.js...

  • 01、Vue-入门基础

    Vue中文网 一、MVVM框架 MVVM框架好处 MVVM框架Angular.js/React.js/Vue.js...

  • Vue.js + cube-ui 高仿饿了么 App 项目学习笔

    1.Vue.js介绍 MVVM框架MVVM 什么是Vue.js1,它是一个轻量级的MVVM框架2,数据驱动+组件化...

  • Vue 基础用法

    Vue 简介 MVVM 框架 Model-View-ViewModelimage.png Vue 使用 MVVM ...

  • vue

    一.Vue基础 MVVM框架 MVVM是Model-View-ViewModel的缩写。MVVM借鉴了MVC的思想...

  • vue小总结

    MVVM模式: Vue就是基于MVVM模式实现的一套框架,在Vue中 路由 VUEX .vue文件

  • 框架类型

    MVVM框架(Vue,Angular,React都属于MVVM) MVVM即Model-View-ViewMode...

  • Vue MVVM框架响应式数据原理

    MVVM 是一种设计思想,Vue 框架中 MVVM 是如何实现的呢? Vue.js 是采用 Object.defi...

网友评论

      本文标题:VUE的MVVM框架是怎么回事?

      本文链接:https://www.haomeiwen.com/subject/lmtdgxtx.html