Jak odebrać props w formie obiektu vuejs

Question

Hej,

Chciałbym przekazać propsa w formie obiektu z jednego komponentu do drugiego ale nie mam pojęcia jak go odebrać.

Komponent który wysyła propsa:

  data() {
    return {
      subheader: {
        title: Lista wiadomości',
        actions: '<a href="#" class="btn kt-subheader__btn-primary">Nowa wiadomość &nbsp;</a>'
      }
    }
  },

<SubHeaderComponent
   v-bind:subheaderTitle="subheader.title"
   v-bind:subheaderActions="subheader.actions">
</SubHeaderComponent>

W dokumentacji wyczytałem, że mogę wysłać to w formie takiej formie:

<SubHeaderComponent
   v-bind="subheader"
</SubHeaderComponent>

Tylko problem jest z odebraniem ponieważ nie mam pojęcia jak go odebrać. Mam błąd, że subheader nie jeste zdefiniowany 

Comments

z v-bind="{ subheader }" powinno dać radę i w propsach subheader :P poniżej to samo w różnych wariantach

v-bind="{ subheader }"
v-bind:subheader="subheader"
:subheader="subheader"

a w propsach robisz subheader

jak zrobiłeś v-bind="subheader" to w propsach masz title i actions a nie subheader :P

nie że coś ale od takiego przekazywania szablonu to masz sloty :)

---

Dzięki wielkie ! :)

Answer 1

Myślę, że to powinno pomóc:

https://codesandbox.io/embed/vue-template-9dhx6