Vue 父子组件之间的通讯

最新推荐文章于 2024-09-18 20:22:37 发布

未尛

最新推荐文章于 2024-09-18 20:22:37 发布

阅读量122

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_37956730/article/details/111354876

版权

vue 专栏收录该内容

5 篇文章

订阅专栏

1,子组件获取父组件参数 --- props
    <Log :parentID="1"></Log>
    <-- 子组件获取 -->
    props:['parentID']
2,子组件调用夫组件事件 --- $emit()
    <Log @alert="alert"></Log>
    <-- 子组件调用 -->
    <button @click="alert"></button>
    
    alert(){
        this.$emit('alert');
    }
3,夫组件获取子组件 --- ref
    <Log ref="log"></Log>
    //获取
    this.$refs.log
    //获取子组件data里面的数据
    this.$refs.log.count
    //获取子组件methoud里面的方法
    this.$refs.log.getInit();