美文网首页
vue3 -script-setup 子组件与父组件之间传值

vue3 -script-setup 子组件与父组件之间传值

作者: 小李不小 | 来源:发表于2021-07-09 16:46 被阅读0次

通过父组件 传递 msg 变量过去。

<template>
  <HelloWorld  msg="Hello Vue 3.0 + Vite  传过来的" />
</template>

<script setup>
import HelloWorld from './components/HelloWorld.vue'

</script>

<template>
  <h1>{{ msg }}</h1>
</template>

<script setup>
// defineProps 接收
  import {defineProps} from 'vue'

  const props =defineProps({  //获取传参的数据
    msg:String,
  })
  

</script>

看结果 值被传过来的

相关文章

  • vue2.0小结

    父组件与子组件之间的通信 父组件传值给子组件,通过props 子组件传值给父组件,通过$emit 如果在父组件想在...

  • vue 组件之间传值方法

    1. 父组件向子组件传值 父组件: 子组件: 2. 子组件向父组件传值 子组件: 父组件: 3. 非父子之间传值 ...

  • 组件之间的传值

    组件之间的传值,包括父子组件传值,兄弟组件之间的传值,其中父子组件包括父组件向子组件传值和子组件向父组件传值,现在...

  • vue 面试

    组件之间的传值? 1.父组件与子组件传值 父组件通过标签上面定义传值子组件通过props方法接受数据 2.子组件向...

  • (VUE3) 四、组件传值(父子组件传值 & 祖孙组件传值 &v

    1.父子组件传值 vue2中的父子组件传值:父组件: 子组件: vue3中的父子组件传值: 还是用props接收父...

  • 04vue2.0-Vue组件化-组件间的数据传递

    Vue组件之间传值 父组件向子组件传值 1.父组件向子组件传值 父组件发送的形式是以属性的形式绑定值到子组件身上。...

  • Vue_组件间传值

    1、父组件传值给子组件2、子组件传值给父组件 1、父组件传值给子组件 2、子组件传值给父组件

  • Vue.js 父子组件传值 . 兄弟组件传值

    概述 vue中组件之间的传值传值情况主要有以下三种 父组件向子组件传值子组件向父组件传值兄弟组件之间相互传值或者是...

  • vue2.0 父子组件传值

    父组件传值给子组件 子组件 子组件通过 props 接收值 父组件 父组件通过标签属性传值 子组件传值给父组件 子...

  • vue不同组件间传值方式

    父传子子传父非父子传值 1.父组件向子组件进行传值 父组件: 子组件: 2.子组件向父组件传值 子组件: 父组件:...

网友评论

      本文标题:vue3 -script-setup 子组件与父组件之间传值

      本文链接:https://www.haomeiwen.com/subject/uqbfpltx.html