本文共 472 字，大约阅读时间需要 1 分钟。

1.设计原则

（1）单一职责原则

（2）开放-封闭原则

（3）面向接口原则

2.设计模式

（1）工厂模式

（2）单例模式  ：一个类只有一个实例

          1）Vue的插件机制：Vue.use(VueRouter)，即使多次使用，也只存在第一个插件实例

          2）Vuex的Store在实例化的时候，不管声明几次；永远只存在一个Store

          3）一个商城项目中只需要一个购物车组件

（3）适配器模式： 接口不兼容的时候，对旧的接口坐一层封装，来适配新的需求

          1）computed中的提供对象和函数两种写法，最终都转化为对象；

（4）装饰器模式：为对象装饰一些新的功能，旧的功能得以保留

          1）js中的原型链上新增的的属性和方法

          2）Vue所有的插件都是实现这个功能的

（5）代理模式

          1）绑定ul下的多个li的代理：通过对父元素绑定点击事件，实现对多个li的监听

          2）Vue中props和data的访问

（6）观察者模式（发布-订阅者模式）：把watcher收集到队列中

         1）浏览器事件循环机制

         2）Promise.then异步事件

         3）Vue的生命周期函数

参考：

转载地址：http://jzxzi.baihongyu.com/