从vue谈设计模式

vue中应用的设计模式系列文

Posted by wsf on July 24, 2019

我们在阅读各种框架源码的时候,除了了解它实现的原理,更需要从中学习到对方好的代码结构,其中所用到设计模式。以此来完善我们的代码,建立良好的代码习惯,便于代码的可维护以及可重用性。

本系列文将着重结合vue源码,阐述使用到的设计模式/原则,以此来帮助我们对于设计模式的理解,方便我们在代码中的运用。在开始阅读此文之前,需要你熟悉vue,并对vue的思想原理有一定的了解。

本系列主要将从以下方面介绍(文章目录主要根据JavaScript设计模式与开发实践一书):
设计模式:

  • 代理模式
  • 迭代器模式
  • 单例模式
  • 策略模式
  • 发布订阅(观察者)模式
  • 命令模式
  • 组合模式
  • 模版方法模式
  • 享元模式
  • 职责链模式
  • 中介者模式
  • 装饰者模式
  • 状态模式
  • 适配器模式

设计原则:

  • 单一职责原则:vue初始化逻辑
  • 最少知识原则
  • 开放-封闭原则
  • 接口/面向接口编程
  • 代码重构