Vue的MVVM和options

• Z时代
• 2024-01-10
• 分类：综合

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的一些方法，可以在其他地方调用，也可以在指令中使用

以上是 Vue的MVVM和options 的全部内容， 来源链接： utcz.com/z/374642.html