vue 实现父子组件之间的传值

vue项目开发过程中，封装公共部分的代码进行多页面调用是很经常的事，实际开发过遇到太多，也总结记录下自己的方式。

目录结构：

父组件调用并传值给子组件：（直接下代码）

父组件给之组件传值通过  ：+自定义名   （必须和子组件props定义的字段名一致）

父组件给之组件传方法   @+自定义方法名 

子组件传值给父组件：（直接下代码）

子组件接收父组件通过 props进行接收，并且子组件接收需要定义变量的数据类型

子组件通过this.$emit调用给父组件回传值

父组件：


dialogRegisterClosed(data) {
    //这里的data就是子组件通过this.$emit('on-close',this.typeList),可
      回传string,obj,array类型
}

 

以上就是我的总结，也希望通过我的分享帮助到有需要的朋友。