Vue中父子组件的值传递与方法传递
一.Vue中父组件向子组件传值
利用v-bind向子组件传值,子组件中利用props接受
{{name}}
{{age}}
{{parentname}}
{{abc}}
二.Vue中父组件向子组件传递方法
父组件利用v-on传值,子组件this.$emit来接收
三.Vue中子组件向父组件传值
this.$emit中第一个参数为接收父组件传递的方法,第二个参数即为向父组件传递的值
一.Vue中父组件向子组件传值
利用v-bind向子组件传值,子组件中利用props接受
{{name}}
{{age}}
{{parentname}}
{{abc}}
二.Vue中父组件向子组件传递方法
父组件利用v-on传值,子组件this.$emit来接收
三.Vue中子组件向父组件传值
this.$emit中第一个参数为接收父组件传递的方法,第二个参数即为向父组件传递的值
到此这篇关于Vue中父子组件的值传递与方法传递的文章就介绍到这了,更多相关Vue父子组件传递内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!