2020/5/22工作日报

上午也是讲了vue的组件通讯

父子通信   props接受,可以使数组，还可以是对象
props:{
    title:{
        type:类型   //从父组件传向子组件的数据类型
        default:'默认值'
    }
}

子传父

通过$emit()来向父组件传
在子组件中通过this.$emit('变量名'，要传递的值)
在父组件中的子组件标签中@变量名(这个是子组件中定义的)=方法名
方法名(v){
    this.list=v
}

兄弟传值

在组件中创建一个bus文件，文件中要抛出一个空的vue实例，并把这个bus挂到vue原型上
import Vue from 'vue'
expoer default new Vue();

//main.js
import Bus from './utils/bus'
    // 挂载到Vue原型上
Vue.prototype.$bus = Bus;
通过this.$emit('变量名'，要传的值)来派发事件
在接收一方，created钩子中通过this.$on('变量名'，v=>{})来监听事件

除了以上几种还有

$parent:子组件直接父组件

$children：父组件直接调用子组件

ref：通过ref给dom元素或组件本身添加名称来实现

<mask-dialog ref="dialog" />

JS中通过this.$refs.名子访问
例如：this.$refs.dialog

下午也是对这个项目继续往下进行了，做的有点慢，因为我们是从源网上扒拉下来的接口，要一个一个的找，还有它要传的参数，并且测试接口，这一块速度有点慢，也会加快速度