MVVC

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。
MVC参考：MVC架构模式
MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。

Vue中的MVVC

M：模型(Model) ：data中的数据
V：视图(View) ：模板代码
VM：视图模型(ViewModel)：Vue实例

View层的数据（表单、输入类元素等）通过ViewModel层的DOM监听器，传输到Model层。
Model层的数据通过ViewModel层的数据绑定器，展示到View层。

Vue代码中的MVVM

 <div id="root"><!--View--><h1>学校名称：{{name}}</h1><h1>学校地址：{{addr}}</h1></div><script type="text/javascript">Vue.config.productionTip = false//阻止 vue 在启动时生成生产提示。new Vue({//ViewModelel:'#root',data:{//Modelname:'一中',addr:'广州'}});</script>

我们不难发现：

1.data中所有的属性，最后都出现在了vm身上。
2.vm身上所有的属性及 Vue原型上所有属性，在Vue模板中都可以直接使用。

（六）Vue之MVVC相关推荐

（五）Vue之data与el的两种写法
文章目录 el的两种写法 data的两种写法 Vue学习目录上一篇:(四)Vue之数据绑定下一篇:(六)Vue之MVVC 容器: <div id="root">&l ...
Vue面试中经常会被问到的面试题
一.对于MVVM的理解 MVVM是 Model-View-ViewModel 的缩写. Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑. View代表UI组件,它负责将数据模 ...
老张 .NetCore与Vue 框架学习
缘起作为一个.Net攻城狮已经4年有余了,一直不温不火,正好近来项目不是很忙,闲得无聊,搞一搞新技术,一方面是打发无聊的时间,一方面也是督促自己该学习辣!身边的大神都转行的转行,加薪的加薪,本人比较 ...
Vue项目开发中的点滴积累系列文章
题记 -- 严于律己,精于行动,点滴积累,着眼未来,你也许不负青春 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架本文章记录从基础入门到实际项目开发中的点点 ...
js处理请求最多的服务器,vue.js 请求服务器
理解vue ssr原理,自己搭建简单的ssr框架先附上demo地址:https://github.com/wmui/vue-s... 第一步:编写entry-client.js和entry-serv ...
一个后端开发的 Vue 笔记【入门级】
一前言最近找了些教程,顺带着趴在官网上,看了看 Vue 的一些内容,入门的一些概念,以及基础语法,还有一些常用的操作,瞄了一眼,通篇文字+贴了部分代码 9000 多字,入门语法什么的还是很好理解的 ...
Vue指令超详细演示理解
一:插值表达式将data中定义的数据显示到模板上. 在vue中{{ }}语法,叫做:插值表达式,大白话就是输出{{ }}中的表达式的值的语法. 把{{ }} 理解为一个占位符(一个坑), {{ ms ...
Vue + Element-UI —— 项目实战（零）（项目概述）
Vue + ElementUI 后台管理项目实战内容参考链接一 Vue + Element-UI -- 项目实战(零)(项目概述[附源码]) 二 Vue + Element-UI -- 项目实战 ...
狂神说 vue学习笔记
vue学习笔记文章目录 vue学习笔记一.第一个vue程序 1. 什么是MVVM 2. 为什么要使用MVVM 3.直接新建项目 4.导入vue.js 5.简单绑定元素 6 vue的声明周期二.V ...

（六）Vue之MVVC

文章目录

MVVC

Vue中的MVVC

Vue代码中的MVVM

（六）Vue之MVVC相关推荐

最新文章

热门文章