vue父子组件通信

最新推荐文章于 2023-03-16 10:22:57 发布

An_ape

最新推荐文章于 2023-03-16 10:22:57 发布

阅读量194

点赞数

分类专栏： vue学习

本文链接：https://blog.csdn.net/An_ape/article/details/86528304

版权

vue学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、父传子 props

//注意数组、对象设置默认值，()=>[]; ()=>{}
props:{
    propsA:{
        default:()=>{};//对象
    },
    propsB:{
        default:()=>[];//数组
    }
}

2、v-model：使用v-model需要满足

接受一个value属性
再有新的value时触发input事件。

3、使用emit，子传父

子传父一个参数 Vue.$emit('方法名','参数')

Vue.$emit('vueEmit',value)//父组件调用 @vueEmit(value),
@vueEmit($event,myValue);//父组件有自己的参数也需要传入 $event取到组件传入的，myValue父组件自己的参数

子传父一个参数 Vue.$emit('方法名','参数')

Vue.$emit('vueEmit',value1,value2...)//父组件调用 @vueEmit(value1,value2...),
@vueEmit(arguments,myValue);//父组件有自己的参数也需要传入
// arguments取到组件传入的，arguments为数组类型；myValue父组件自己的参数