发现

任务

客服工单

发文章

vue简介

计算机软件开发 2024-9-6 17:49:27 34 0 来自 中国
1.vue特性

vue框架有两个特性

  • 数据驱动视图
  • 双向数据绑定
1.1 数据驱动视图

在利用vue的页面中，vue会监听数据的变革，从而自动重新渲染页面的布局。表现图如下：

  • 利益：当数据发生变革，页面会重新举行渲染
  • 注意：数据驱动视图是单向数据绑定。
1.2 双向数据绑定

在填写表单时，双向数据绑定可以让开发者在倒霉用DOM的条件下，自动将用户所填写的最新的数据同步到数据源中。

  • 利益：开发者可以倒霉用DOM，来获取表单位素的值
  • js数据的变革，会自动渲染到页面上
  • 页面上数据的变革，会被vue自动同步到js数据中。
2.MVVM

MVVM是数据驱动视图和双向数据绑定的原理。MVVM指的是Model、View、ViewModel，它把每个HTML页面拆分了三个部分

  • Model是页面渲染时所依赖的数据源
  • View是指页面渲染的DOM布局
  • ViewModel是指vue的实例，它是MVVM的核心
3.MVVM的工作原理

ViewModel是MVVM的核心，是它把当前页面的数据源(Model)和页面的布局(DOM)毗连在了一起

  • 当数据源发生变革时，会将ViewModel监听到，VM会根据最新的数据源自动更新DOM布局
  • 当表单位素的值发生变革时，也会被VM监听到，VM会将变革事后最新的值自动同步到Model数据源中
4.总结

3.png

举报

您需要登录后才可以回帖 登录 | 立即注册
计算机软件开发
优秀作者 助人为乐 人气作者
文章
354
问答
354
粉丝
0

所属分类: 问答交流

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-22 06:54, Processed in 0.182236 second(s), 35 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表