vue项目学习笔记-组件通信

2021.0727：

1.flex布局中的flex：1与float搭配实现header的一左一右对齐；

2.菜单导航栏。利用index结合路由完成导航栏页面的跳转

3.vue项目的目录结构：利用脚手架完成进行项目的搭建与实现，需要先了解具体文件的作用，然后进行页面的拼接。

2021.0728

1.父组件调用子组件的数据。利用$emit事件调用父组件中的方法，数据作为参数传递。

子组件（listTable)的点击触发函数：
handleSelectRow() {
      let selection = this.$refs.multiTable.selection;
      this.$emit("setSelectionFile", selection);
    },
父组件中：
 <list-table
            :showHeader="false"
            :option="option_1"
            :ifSelect="true"
            :fileList="fileList2"
            @setSelectionFile="setSelectionFile"//声明方法，子组件调用的方法。
          ></list-table>

 setSelectionFile(selection) {
     console.log(selection)
    },//方法执行，其中selection为数据。