MVVM架构模式
MVVM是Model-View-ViewModel的缩写，MVVM模式把Presenter改名为ViewModel，基本与MVP模式相似。 唯一区别是：MVVM采用数据双向绑定的方式
vue是MVVM
MVC衍生出很多变体，MVP,MVVM,MV*, VUE是MVVM，M----V----VM，M数据（及其数据处理），V视图, VM是负责M与V相互通信
总结：
（项目）架构只是一种思维方式，不管是MVC，MVP，还是MVVM，都只是一种思考问题解决问题的思维，其目的是要解决编程过程中，模块内部高内聚，模块与模块之间低耦合，可维护性，易测试等问题。 架构在于，做好代码的分工，配合。
vue的介绍
- 构建数据驱动的web应用开发框架
- Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式 框架
- Vue 被设计为可以自底向上逐层应用
- Vue 的核心库只关注视图层
- vue框架的核心：数据驱动和组件化
- 便于与第三方库或既有项目整合,另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时， Vue 也完全能够为复杂的单页应用程序提供驱动。
- Vue 不支持 IE8 及以下版本
vue的示例代码
<body>
V
<div id="app">
要被控制的html{{key}}
</div>
</body>
<!--vm -->
<script src="./js/vue.js"></script>
<script>
// M:model
let vm = new Vue({
el:'#app' //el：element。要控制的那片html代码
data:{
key:value
}
})
</script>
vue框架的理解
1、首先：一个页面包括：结构（HTML模板），表现（css），行为（js） 2、其次：原生JS中的做法：写好HTML的模板和css样式，用js产生数据（逻辑），通过dom的方式控制数据显示在HTML中的那个位置，包括如何显示（DOM的方式改变样式） 3、vue框架：vue中，写好HTML模板，声明式地告知vuejs库，数据显示在何处，在vue对象中处理数据，不用做DOM操作（vuejs框架负责）
简单理解：new出来一个Vue的实例，传一堆配置参数，控制一片html 记住一点：有了vue，不用程序员操作dom了，因为，vue把dom操作都做好了。
