面试被问到用Vue手写一个功能，直接懵了

东窗事发

之前去阿里的二面，信心满满的我准备了一堆面试题，想着可以暴打面试官了，很是开心！结果去了以后，他喵的居然让我给他现场机试实现一个功能，当场蒙蔽了我！

具体功能如下gif：

需求设计

差点凌乱，结果一想，这难吗？ 难就难在没有思路。于是这时的我两腿一蹬，大脑开始高速运转，生成如下流程图：

这么看来好像就清晰很多了，果然设计是编程中不可或缺的一步！

正式coding

首先我问面试官，后台响应回来的详情数据是什么结构，于是他给了我这么一坨

{
        json1: [
          ["红色", "黄色", "蓝色"],
          ["S", "M"],
          ["棉的", "涤纶"],
        ],
        json2: [
          {
            color: "红色",
            type: "S",
            mianliao: "棉的",
            price: 100,
          },
          {
            color: "红色",
            type: "M",
            mianliao: "棉的",
            price: 200,
          },
          {
            color: "红色",
            type: "S",
            mianliao: "涤纶",
            price: 300,
          },
          {
            color: "红色",
            type: "M",
            mia