有人知道QQ购买会员月份选择器编写思路吗？

Question

如图所示，想用vue封装一个这样子的组件，不知道该怎么写。

Answer 1

定义好单价的常量。这个地方应该只有这几个选项，data里定义一个数组，比如[12,3,6,1],map出来这些选项，
然后定义一个选择的值，也就是当前用户选择的月份，定义到data里一个state = 12 默认，点击的时候改变这个值就行了啊。
下面的价格通过computed属性里面定义一个 getPrice的计算函数，return 单价* state就行了，当然如果有优惠的话，可能就要在这个函数里把规则写好了。简单的就是switch case。
下面的价格处就渲染这个getPrice就行了。
这应该是最基础的业务场景了 - -