Vue的MVVM和options

Vue中的MVVM

View层

1. 视图层

2. 在前端中，通常就是DOM层

3. 主要作用是给用户展示各种信息

Model层

1. 数据层
2. 数据就是一个固定的死数据，更多的是来自服务器，网上请求下来的数据

ViewModel层

1. 视图模型层
2. 是view和Model沟通的桥梁
3. 实现了Data Binding，数据绑定，将Model的改变实时反应到View中
4. 实现了Dom Listener ，Dom监听，当Dom发生电击、滚动、touch等时，可以监听到，并在需要的情况下改变Data。

计数器上的MVVM

Vue传入的options

el：

1. 类型：string|HTMLEelement
2. 作用：决定之后Vue实例会管理哪一个Dom

data：

1. 类型：Object|Function（组件中的data必须是一个函数）
2. 作用 ：Vue实例对应的数据对象

methods：

1. 类型：{[key：string]：function}
2. 作用：定义属于Vue的一些方法，可以在其他地方调用，也可以在指令中使用

ction}
2. 作用：定义属于Vue的一些方法，可以在其他地方调用，也可以在指令中使用