vue/父子组件之间的通信
Posted 紫色烟云
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue/父子组件之间的通信相关的知识，希望对你有一定的参考价值。
父子组件之间的通信
父组件绑定数据在组件上子组件props属性接收
- 父组件内的data属性中待传的数据data1 => <cpn :data2=“data1”></cpn> 使用的组件上绑定要传入组件内的数据 => 子组件实例中props:[“data2”,…]; (props也可以是对象{data2:{type:String,default:“默认值”(或default(){return [] ;}),required:true},…) => <template>使用data2即可</template>
子组件$emit()发射自定义事件父组件@自定义事件接收
- 子组件data()中待传的数据data2 => 事件触发this.$emit(“my_click2”,data2) vue实例发送自定义事件及事件参数data2 => <cpn @my_click2=“my_click1”></cpn> 父组件使用此组件上绑定此事件到my_click1(默认参数为data2) => 子组件可以使用my_click1
@沉木
以上是关于vue/父子组件之间的通信的主要内容，如果未能解决你的问题，请参考以下文章