4.理解MVVM模型

1. MVVM即Mode-View-ViewModel的简写，即模型-视图-视图模型。
2. 模型(model)在vue中指数据。视图(View)指的是所看到的页面。
   视图模型(ViewMode)是 mwvm模式的核心，它是连接view和model的桥梁。它有两个方向:

• 一是将模型（Model）转化成视图(View)，即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。

• 二是将视图(View)转化成模型(Mode)，即将所看到的页面转化成后端的数据。实现的方式是:DOM事件监听。这两个方向都实现的;我们称之为数据的双向绑定口。

		<div id="app">
			<input  v-model="username"/>
		</div>
		<script>
			// 1. div 标签相当于视图
			// 2 .对象vm相当于视图模型
			// 3. 传入的data配置项相当于模型
			const vm = new Vue({
				el:"#app",
				data:{
					username:"www"
				}
			})
		</script>

3. 配置项data 中的数据通过数据代理的方式绑定到对象vm 上，在模板语法中，所有vm上的属性都可以直接引入。