Передача значения в компонент

Question

Я реализую компонент в vue.js, и мне нужно передать значение компоненту из родительского представления. Ниже я пытаюсь это сделать. div правильно принимает идентификатор, однако компонент не получает одинаковое значение id. В конечном HTML идентификатор отображается так, как вы видите его «i - {{item.Id}} - информационный бюллетень» и не обрабатывается vue.js

Каков правильный синтаксис отправки данных в vue.js компонент?

<div class="slds-col" id="{{item.Id}} 
    <marketing-preference id="i-{{item.Id}}-newsletter" name="Newsletter" ></marketing-preference> 
</div> 

Здесь находится Javascript, определяющий компонент.

Vue.component('marketing-preference',{ 
    template: '#marketing-preference-template', 
    props:['id','name'] 
}); 

Answer 1

Вам нужно dynamic props notation: :id="'i-' + item.Id + '-newsletter'"