问一下大家 vue3 子组件怎么获取到父组件传递的值??

img


子组件怎么拿到这个remarkData??

img

没用过vue3 真是晕了 比起Vue2 好难用

Vue3 中,子组件可以通过 props 接收父组件传递的值。在父组件中,可以使用 v-bind 或简写 : 来绑定子组件的 props。在子组件中,可以通过 props 对象来获取父组件传递的值。
在父组件中:

<template>
  <div>
    <my-component :prop1="value1"></my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  },
  data() {
    return {
      value1: 'hello'
    }
  }
}
</script>
 

在子组件中,可以通过 props 对象来获取 prop1 的值:

<template>
  <div>
    {{ prop1 }}
  </div>
</template>

<script>
export default {
  props: {
    prop1: String
  }
}
</script>