父组件获取子组件上的数据组件通信

发布时间:2024年01月19日

父组件里面

const c1 = ref();
onMounted(()=>{
       console.log(c1)
})

const btinis = ()=>{
        console.log(c1.value)
        我们再这里还可以把子组件的数据更改
        c1.value = "飞机,火车,汽车"
}
</script>

<template>
<div>
  <h1>home</h1>
  <!-- <RouterLink :to="`/my${kobe}/${num}/${age}`">跳转到my</RouterLink> -->
  <!-- 第二种传递的方法 -->
  <CHild1 ref="c1"></CHild1>
  <button @click="btinis">俺就</button>

子组件里面

<template>
    <div>儿子</div>
</template>
<script setup lang="ts">
import {ref} from "vue";
const toy = ref("玩具");
const woll = ref(342730273895327);
defineExpose({
       toy,
       woll
})
</script>

<style>

</style>

文章来源:https://blog.csdn.net/2302_79777012/article/details/135694593
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。