# myMenu菜单

提示

myMenu组件菜单组件

# 基本使用


<template>
  <view>
    <myMenu :tabbar="tabbar" @choose="choose" @toDetail="toDetail"></myMenu>
  </view>
</template>
<script>
  export default {
    data() {
      return {
        tabbar: [{
          name: '日常用品',
          goodsList: [{
            goodsName: '商品1',
            mainImg: 'photo',
            price: '10'
          }, {
            goodsName: '商品2',
            mainImg: 'photo',
            price: '10'
          }]
        }, {
          name: '电脑器件',
          goodsList: [{
            goodsName: '商品3',
            mainImg: 'photo',
            price: '10'
          }, {
            goodsName: '商品4',
            mainImg: 'photo',
            price: '10'
          }]
        }],
      }
    },
    methods: {
      choose(item) {
      },
      toDetail(item) {
      }
    }
  }
</script>

# Props属性

参数 说明 类型 默认值
tabbar 分类和商品信息 Array []

# tabbar每一项的属性

参数 说明 类型 默认值
name 分类名称 String ''
goodsList 商品信息 goodsName mainImg price Object {}