vue组件

父组件传值给子组件

 父组件：

引入子组件import

注册组件compoents

<组件名 :title="title" />

子组件有时需要接受来自父组件的动态数据，需要使用v-bind指令来动态绑定props的值

子组件：

props

props: {
    title: {
      type: string,
      default: ''
    },
  },

type:类型  default:没有任何值的时候默认的值

子传父：

子组件：this.$emit('event',val)

.$emit:用来触发事件监听；

event：自定义事件名称

val：通过自定义事件传递的值  注：val为可选参数

Methods:{
    //点击确认后关闭弹窗
    CancelAddOk(){
        This.$emit(‘showPop’,false)
    }
}

父组件：

引入子组件import

<组件名 :title="title" @showPop=‘fn’/>

showPop (val) {    // val:自定义事件传递出的值

    this.editPopShow = false //点击确认关闭关闭弹窗

}