vue3中，使用23种设计模式-CSDN博客

工厂模式使用Vue3的构造函数或者工厂函数来创建组件实例。

单例模式使用Vue3的Vue实例来创建全局的单例。

观察者模式使用Vue3的$watch方法来监听数据的变化。

代理模式使用Vue3的proxy对象来实现数据的代理。

模块模式使用Vue3的import和export语法来实现模块化。

装饰器模式使用Vue3的装饰器来增强类或者函数的功能。

策略模式使用Vue3的mixins来实现策略模式。

适配器模式使用Vue3的provide和inject来实现适配器模式。

迭代器模式使用Vue3的for…of循环来实现迭代器模式。

责任链模式使用Vue3的事件总线来实现责任链模式。

建造者模式使用Vue3的组件选项来实现建造者模式。

原型模式使用Vue3的原型继承来实现原型模式。

模板方法模式使用Vue3的render函数来实现模板方法模式。

状态模式使用Vue3的状态管理库如Vuex来实现状态模式。

外观模式使用Vue3的组件来实现外观模式。

享元模式使用Vue3的组件缓存来实现享元模式。

规则模式使用Vue3的条件渲染和v-if指令来实现规则模式。

代理模式使用Vue3的proxy对象来实现代理模式。

适配器模式使用Vue3的provide和inject来实现适配器模式。

迭代器模式使用Vue3的for…of循环来实现迭代器模式。

责任链模式使用Vue3的事件总线来实现责任链模式。

建造者模式使用Vue3的组件选项来实现建造者模式。

原型模式使用Vue3的原型继承来实现原型模式。

以上就是Vue3中常见的设计模式但是实际上Vue3的设计模式远不止这些Vue3的灵活性和可扩展性使得我们可以根据实际需求来实现各种设计模式。

---

vue2
Vue.js 2的设计模式主要有以下几种

观察者模式Observer Pattern在 Vue 中组件之间的数据传递通常使用观察者模式这是一种常见的解耦设计模式。观察者模式让一方对象在另一方对象的状态改变时得到通知并自动更新。
发布/订阅模式Pub/Sub PatternVue 中使用了 Vuex 状态管理来同步和更新数据其中也应用了发布/订阅模式。发布订阅模式允许事件发生的方式有很多种可以是主动发出事件也可以是被某个事件触发。
工厂模式Factory Pattern在 Vue 中我们经常使用工厂模式来创建复杂对象。例如使用 Vue.extend() 方法来创建组件实例。
原型继承Prototype InheritanceVue 组件可以使用原型继承来扩展或修改其父组件的功能。
策略模式Strategy Pattern在 Vue 中我们经常需要切换不同的样式或行为这时候就可以使用策略模式。
装饰器模式Decorator Pattern装饰器模式是在不修改原有类的基础上增加新的功能Vue 中的 slot 和 prop 使用了装饰器模式。
访问者模式Visitor Pattern访问者模式在 Vue 中用于访问和修改数据结构中的元素而不改变原有数据结构。
迭代器模式Iterator Pattern在 Vue 中使用 v-for 指令时就可以用到迭代器模式。
空对象操作Null Object Pattern在 Vue 中我们可以使用空对象模式来代替真实对象进行操作。
命令模式Command Pattern在 Vue 中可以通过命令模式封装一系列的操作命令从而解耦系统中的不同部分。
模板模式Template SyntaxVue.js是基于模板的因此它充分利用了模板语法如插值、条件逻辑和循环等。
备忘录模式Memento Pattern在Vue中我们可以使用备忘录模式来保存和恢复组件的状态。
状态机模式State Machine PatternVue的状态管理是基于Vuex的它使用状态机模式来管理状态的变化。
代理模式Proxy Pattern在Vue中可以使用代理模式来实现组件的加载和卸载。
模态对话框模式Modal Dialog Pattern在单页面应用中可以使用模态对话框模式来创建一个小的对话框用于展示额外的信息或选项。
迭代扩展模式Iterative Extensions Pattern在开发过程中我们可以使用迭代扩展模式来逐步完善和优化代码。
装饰器装饰模式Decorator Decorator Pattern在Vue中我们经常使用装饰器装饰器来扩展或修改组件的功能。
策略接口模式Strategy Interface Pattern在Vue中可以通过策略接口模式来实现不同的策略例如数据渲染策略或事件处理策略。
外观模式Facade Pattern在大型应用中可以使用外观模式来提供一个统一的接口用于访问子系统中的一组接口。
建造者模式Builder Pattern在Vue中可以使用建造者模式来创建复杂对象特别是当对象的创建需要多个步骤时。
监听器模式Listener Pattern在Vue中监听器模式被广泛使用来监听DOM事件以便于触发相应的行为。
观察者发布订阅模式Observer/Pub/Sub Pattern在Vue中我们可以通过发布/订阅模式来实现组件之间的通信。
原型继承Prototype Inheritance with Composition在Vue中我们也可以使用原型继承和组合来实现组件的继承和扩展。
这些设计模式在Vue.js的开发过程中被广泛应用可以帮助开发者更好地理解Vue.js的设计理念和实现方式。