作者:雅枝建彰3 | 来源:互联网 | 2023-08-20 14:39
1 数据驱动视图
页面所依赖的数据变化------>vue监听数据的变化------>自动渲染页面结构
在使用了 vue 的页面中,vue 会
监听数据的变化
,
自动
渲染页面
数据 可以是写死的假数据,或者调用api接口从服务器上请求的数据
注意:这是单向的数据绑定
在
填写表单
时,双向数据绑定
不用操作 DOM ,自动把表单内容同步到数
据源Data中。
好处:
不用操作 DOM 元素,就能获取
表单元素 最新的值,更新到data中
MVVM
是 vue 实现
数据驱动视图
和
双向数据绑定
的核心原理。
它把每个 HTML 页面分成了三个部分:
View -----页面所渲染的 DOM 结构
M
odel -----页面渲染时所依赖的数据源
V
iew
M
odel ----链接作用,
vue 的实例
MVVM的工作原理
vue的实例可以理解为 被使用的一个组件
vue的实例具有 监听功能