在 Vue 的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美地进行开发。接下来就由石家庄网站建设工程师讲解日常开发用到的小技巧。

　　策略模式 (Strategy Pattern)又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。

　　1. 你曾见过的策略模式

　　现在电子产品种类繁多，尺寸多种多样，有时候你会忍不住想拆开看看里面啥样(想想小时候拆的玩具车还有遥控器)，但是螺丝规格很多，螺丝刀尺寸也不少，如果每碰到一种规格就买一个螺丝刀，家里就得堆满螺丝刀了。所以现在人们都用多功能的螺丝刀套装，螺丝刀把只需要一个，碰到不同规格的螺丝只要换螺丝刀头就行了，很方便，体积也变小很多。

　　2. 实例的代码实现

　　具体的例子我们用编程上的例子来演示，比较好量化。

　　场景是这样的，某个电商网站希望举办一个活动，通过打折促销来销售库存物品，有的商品满 100 减 30，有的商品满 200 减 80，有的商品直接8折出售，这样的逻辑交给我们，我们要怎样去实现呢?

　　通过判断输入的折扣类型来计算商品总价的方式，几个 if-else 就满足了需求，但是这样做法的缺点也很明显：

　　priceCalculate 函数随着折扣类型的增多， if-else 判断语句会变得越来越臃肿;

　　如果增加了新的折扣类型或者折扣类型的算法有所改变，那么需要更改 priceCalculate 函数的实现，这是违反开放-封闭原则的;

　　可复用性差，如果在其他的地方也有类似这样的算法，但规则不一样，上述代码不能复用;

　　我们可以改造一下，将计算折扣的算法部分提取出来保存为一个对象，折扣的类型作为 key，这样索引的时候通过对象的键值索引调用具体的算法：

　　算法就被隐藏起来，并且预留了增加策略的入口，便于扩展。

　　以上关于Vue 使用中的小技巧属于石家庄网站建设工程师的个人观点，大家如果对此有着不同的见解，可以关注公众号“尚武科技派”给我留言，大家可以交流一下自己的心德体会，共同学习进步。