vue 组件间传值: 父到子,子到父,兄弟间

Posted on 2020-06-29 16:42  嗷呜~  阅读(235)  评论(0编辑  收藏  举报

1、父到子传值 props

子组件:声明一个props属性

父组件:绑定子组件声明的那个属性

 

 

 

 2、子到父组件传值

2.1 通过ref

父组件通过this.$ref来获取子组件的数据
在父组件中引入子组件,通过给子组件添加ref属性,利用this.$ref对象来获取子组件的值

 

 

 

 

 2.2 $emit 和 v-on

子组件

 

 父组件