cli3 父子组件传值

1. 建立父子组件

cli3 父子组件传值_第1张图片

 2.1 props / $emit

props 父组件向子组件传值:

app.vue





 Parent.vue:通过v-bind将值传到子组件





Child.vue:通过props保存传来的值





$emit  子组件向父组件传值:

 子组件:通过button,触发showMsg事件





父组件:监听showMsg事件,通过本地方法showMsgParent将传来的值存到本地data





2.2 $children和$parent

Parent: 在mounted里,获取到this.$children, 从而获取child里的内容





2.3 $ref





你可能感兴趣的:(vue)