Vue中的MVVM

Vue中的MVVM

View层

• 视图层
• 通常是DOM层
• 主要作用是给用户展示各种信息

Model层

• 数据层
• 数据可能是我们固定的死数据，更多的是来自服务器，从网络上请求下来的数据

VueModel层 

• 视图模型层
• View和Model沟通的桥梁
• 实现了Data Binding，数据绑定，将Model的改变实时反应到View中
• 实现了DOM Listener，DOM监听，当DOM发生一些事件（点击、滚动、touch等）时，可以监听到，并在需要的情况下改变对应的Data

创建Vue实例传入的options

el：

• 类型：string | HTMLElement
• 作用：决定之后Vue实例会管理哪一个DOM

data：

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

methods：

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