垂直导航栏以及内容联动

1.商家详情页的展示

  1.1定义   categories 存储列表信息

  1.2 列表循环 ，绑定点击事件并传值

  1.3 因为每次点击都要调用axios获取函数并且传值，所以将axios单独拎出

请求要携带不同列表参数

   1.4 每次点击列表项都调用一次   axios   并传   tab  值，此外每次进入的时候都要展示all(所有)商品信息

总结流程：

1.v-for循环列表数据，并展示

2.在每一个列表绑定一个点击事件并传值

3.点击事件调用axios方法获取详情信息

4.return 详情信息用于页面数据渲染

5.进入的第一次先调用axios(all)显示所有商品详情信息

 2.关于点击该项变色 

2.1定义一个currentTab  且初值为列表项（categories）的第一项

 2.2点击的时候  currentTab 等于 当前的 tab

2.3 如果列表循环的currentTab 等于 点击的tab 则高亮展示

3.关于多次调用axios的简写，巧用   watcheffect()  函数 

  3.1   首次加载  和  getContentData()  函数依赖发生变化时执行   所以要让getContentData()  函数依赖于currentTab

将currentTab 引入函数并 用它来表示  原来tab的   值