vue父子组件的传值

1、父组件访问子组件内容$refs

2、子组件访问父组件$parent （一般不用）

3、父组件传值给子组件props

发送端：父

 <show-detail :orgid="orgid"></show-detail>

接收端：子
props: { orgid: String },

• 在组件中，使用选项props来声明需要从父级接收到的数据。
• props的值有两种方式：
• 方式一：字符串数组，数组中的字符串就是传递时的名称。
• 方式二：对象，对象可以设置传递时的类型，也可以设置默认值等。
我们先来看一个最简单的props传递：

4、子组件传值给父组件emit()

发送端：子
this.$emit(‘changeShow’, ‘false’)
接收端：父

<edit-catalog :catalogdata="catalogdata" @changeShow="showAddOrUpdate"></edit-catalog>

• 自定义事件的流程：
• 在子组件中，通过$emit()来触发事件。
• 在父组件中，通过v-on来监听子组件事件。
• 我们来看一个简单的例子：
• 我们之前做过一个两个按钮+1和-1，点击后修改counter。
• 我们整个操作的过程还是在子组件中完成，但是之后的展示交给父组件。
• 这样，我们就需要将子组件中的counter，传给父组件的某个属性，比如total。