Vue展开菜单组件封装

封装了一个公共菜单按钮，点击展开菜单项。

调用方法

 <side-menu @tabMenu="tabMenu":tabs="menuTabs"></side-menu>

传入一个menuTabs对象数组，绑定一个tabMenu点击事件，子组件通过点击事件tabMenu emit 触发父组件的tabMenu，并将点击时的name传给父组件，父组件拿到name，根据不同的name做不同的操作。

 this.$emit('tabMenu',name)

menuTabs中包含菜单的图标imgIcon,名字name和点击总菜单按钮后的样式，该样式主要区分，那个几个展开 图标的位置。

 menuTabs:[{
   
            imgIcon:require('@/assets/image/search_temp.png'),
            activeMenu:'menuIcon1',
            name:'search'
        },{
   
            imgIcon:require('@/assets/image/screen_temp.png'),
            activeMenu:'menuIcon2',
            name:'screen'
        },{
   
            imgIcon:require('@/assets/image/taskAdd.png'),
            activeMenu:'menuIcon3',
            name:'AddTask'
        },{
   
            imgIcon:require('@/assets/image/idea.png'),
            activeMenu:'menuIcon4',
            name:'FeedBack'
        }],

<!--侧边菜单公共组件
接收一个tabs props
绑定一个tabMenu方法
code by zzq
2019/12/31
-->
<template>
  <div class="">
    <div class="menu_wrap"