折叠效果 element 使用collapse

 设置一个collapse变量

来动态改变  content里的文件和menu里的文件都要受isCollapse的状态影响 这两个组件产生了数据的交互

兄弟组件传递信息需要借助父组件 点击折叠按钮通知父亲去修改isCollapse的状态

1.把变量直接定义给父亲layout组件默认为false  menu组件用就直接传给他

 2.menu用props接收 props:['isCollapse']

3.在content里自定义事件changeShow

4.再回到父组件调用子组件绑定的changeShow  在下方对应的方法里对isCollapse取反

5.使用v-if显示隐藏icon图标

 6.在layout的index.vue里给class=‘content’添加动态的样式

:class={small:isCollapse}

.small{

padding-left=64px} //看情况写