Retrieving information within a Vue component

Question

I am struggling to access some data I have bound to a component without success. How can I achieve this?

Below is my component:

export default {
  name: 'component-vallingby',
  data() {
    return {
  }
},

created() {},

methods: {}

}

And here is where I am rendering it. The variable "offer" is an object:

<component-vallingby v-bind="{ offer: offer }"></component-vallingby>

Answer 1

Answer №1

To ensure the component receives the prop, use :order="order". Within the component's vm, declare it in the props array as a type of String.

export default {
  name: 'component-vallingby',
  props: ['offer']
}

Next, create an instance of your component and pass in the order like this:

<component-vallingby :offer="offer"></component-vallingby>

Answer 2

To ensure the component receives the prop, use :order="order". Within the component's vm, declare it in the props array as a type of String.

export default {
  name: 'component-vallingby',
  props: ['offer']
}

Next, create an instance of your component and pass in the order like this:

<component-vallingby :offer="offer"></component-vallingby>

Answer 3

Ensure to include the props within your export default {} declaration.

props: ['offer']

Remember to bind it like this

<component-vallingby :offer="offer"></component-vallingby>

Answer 4

Ensure to include the props within your export default {} declaration.

props: ['offer']

Remember to bind it like this

<component-vallingby :offer="offer"></component-vallingby>