建设一个网站要钱吗,在线制作图片加文字免费软件,wordpress幻灯片插件 汉化,供求信息平台一、MVVM框架有哪些
Vue.jsReact.jsAngular.js
二、对MVVM的认识
1. MVC是什么
全称 Model View Controller, 它采用模型(Model)-视图(View)-控制器(controller)的方法把业务逻辑、数据与界面显示分离
2. MVVM的定义
MVVM是一种软件架构模式#xff0c;它代表了模型 --视…一、MVVM框架有哪些
Vue.jsReact.jsAngular.js
二、对MVVM的认识
1. MVC是什么
全称 Model View Controller, 它采用模型(Model)-视图(View)-控制器(controller)的方法把业务逻辑、数据与界面显示分离
2. MVVM的定义
MVVM是一种软件架构模式它代表了模型 --视图 --视图模型 模型表示应用程序的数据和业务逻辑 视图是用户界面它与用户交互并显示数据 视图模型充当模型和视图之间的中间层负责管理视图所需的数据并将用户输入转化为模型可以操作的命令 作用 通过使用MVVM框架我们可以实现模块化和可维护的代码。视图和模型之间的解耦使得修改和调试变得更加容易。 视图模型则充当数据绑定和命令传递的中介提供了更好的用户体验和交互。
3. 举例说明
1. 假设我们正在开发一个简单待办事项列表应用程序
模型可能表示一个待办事项对象包含任务名称、截止日期和完成状态的属性。 视图是用户界面展示待办事项列表并提供添加、删除和标记完成等操作的按钮。 视图模型则负责管理待办事项数据的获取、更新和展示
运行过程 当用户打开应用程序时视图模型会从模型中获取待办事项的数据并将其传递给视图进行显示。 当用户点击添加按钮时视图模型会创建一个新的待办事项对象并更新模型中的数据。 视图模型还可以监听用户再视图中的输入并将其转换为模型可以理解的命令以更新数据。
2. KFC 生活例子
模型厨师负责制作食物并食物给到服务员 视图客人负责点餐 视图模型服务员负责跟客人沟通并打印小票然后把小票给到厨师 运作过程 视图小美跟服务员说我要一个香辣鸡腿堡要辣一点、一个中杯可乐、小份薯条用户交互 视图模型服务员好的并运营机器上勾选香辣鸡腿堡、可乐、薯条并备注 汉堡要辣一点然后打印小票转换为可以理解的命令给到厨师 模型厨师拿到 清单小票然后制作食物业务逻辑做好了然后给到服务员更新数据 视图模型服务员让后问小美你是要打包还是在这里吃小美说在这里吃服务员把食物装在了餐盘上递给了小美把数据传递给视图 视图小美端着盘子找座位准备开始吃饭了
KFC为什么要这样分工呢 因为通过服务员这角色让客户和厨师分离可以让厨师只关注制作食物食物传递服务员只关注客户需要什么食物然后告知给厨师因为分工增加了彼此之间的工作效率。
