ループアイテムを小道具に渡す

Question

foreachループのアイテムインスタンスを小道具としてどのように渡しますか？

<div v-for="n in parentArray"> 
    <blog-card prop="{{ n.content }}"></blog-card> 
</div> 

私はこれを実行すると、私はエラー

（代わりにエラーのインスタンスの発光値）

を取得し、これは親コンポーネントにアイテムを再バインドせずに行うことができますか？

Answer 1

Vue 2では、属性に補間を使用しないで、attribute binding syntaxを使用します。

<blog-card v-bind:prop="n.content"></blog-card> 

またはショートカット

<blog-card :prop="n.content"></blog-card>