Как передавать данные от родителя к потомку в NuxtJS

Question

интересно, как передать некоторые строковые или динамические c данные от родителя к потомку в Nuxt Js

как я пробовал и не работал:

это мой родительский компонент:

<template>
  <div>
     <ChildComponent :someData="Some String" />
  </div>
</template>

<script>

import ChildComponent from "~/components/childComponent.vue";

export default {
 components: {
    ChildComponent,
  },
}
</script>

и вот мой ChildComponent

<template>

  <div>
    {{someData}}
  </div>

</template>

<script>

export default {
 name:"ChildComponent",
 props: {
   someData: String
 }
}
</script>

, и этот метод ничего не отображается в ChildComponent

Answer 1

Вам не нужно связывать, если вы передаете значения напрямую, ie, точка с запятой не нужна.

<ChildComponent someData="Some String" />

Связывать нужно только в том случае, если вы передаете данные.

<template>
  <div>
     <ChildComponent :someData="localData" />
  </div>
</template>

<script>

import ChildComponent from "~/components/childComponent.vue";

export default {
 components: {
    ChildComponent,
  },
  data(){
    return {
      localData: "Some String"
    }
  }
}
</script>