vue. Weird behavior when passing props to a component. Why error?

Question

Vue.js

I pass the parameters to the child component, which also came to this component through Props (the connectors object is in Props ):

<template>
  <div>
    <connector :index="'amazon'" :url="connectors['amazon']"></connector>
  </div>
</template>

Console writes:

Error in render: "TypeError: Cannot read property 'amazon' of undefined"
TypeError: Cannot read property 'amazon' of undefined

But in fact, everything came to the child component:

Why does the console swear?

Answer 1

Do you have an amazon variable or function in data or computed that returns something?
You pass a variable called amazon to props, if you remove v-bind from index, then amazon will become a string and will be passed inside the component.

Answer 2

Before getting a value from an object property, you can check the object itself for existence::url="connectors && connectors['amazon']"