浅析MVC

Mi Manchi-Jiang

于 2022-05-01 16:37:40 发布

阅读量299

点赞数

文章标签： mvc

本文链接：https://blog.csdn.net/m0_62883848/article/details/124528729

版权

本文深入探讨了MVC模式，包括模型、视图和控制器的职责，并提及EventBus如何简化组件通信。同时，介绍了表驱动编程的优势，如增强可读性、简化维护和降低代码复杂度。最后，讨论了模块化在处理复杂系统和团队开发中的重要性，强调其提高代码可读性、解耦和复用率的作用。

摘要由CSDN通过智能技术生成

MVC

模型（model）用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法，会有一个或多个视图监听此模型。一旦模型的数据发生变化，模型将通知有关的视图。
视图（view）是它在屏幕上的表示，描绘的是model的当前状态。当模型的数据发生变化，视图相应地得到刷新自己的机会。
控制器（controller）定义用户界面对用户输入的响应方式，起到不同层面间的组织作用，用于控制应用程序的流程，它处理用户的行为和数据model上的改变。

// 数据层
const M = {
  data: {}, //数据
  create: {}, // 增
  delete: {}, // 删
  update: {}, // 改
  get: {}, // 查
};

// 视图层
const V = {
  el: null, // 需要操作的元素
  html: `html代码`,
  init() {
    V.el = 需要操作的元素;
  },
  render() {}, // 重新渲染视图
};

// 控制层
const C = {
  init(container) {}, // 初始化
  events: { 事件以哈希表的方式存储 }, //事件
  method() {}, // 使用到的函数
  autoBindEvent() {}, //表驱动事件监听
};