Vue.js 2.0動的小道具ドキュメント

Question

js 2.0と私はダイナミックな小道具で在庫されています。

参照イメージはこのように私のHTMLコード

を添付

：私はどのようにデータが関数であることを知っているが、

Vue.component('child', { 

    props: ['myMessage'], 
    template: '<p>{{ myMessage }}</p>', 

}) 

var app = new Vue({ 

    el: "#app", 


}); 

：

<div id="app"> 
    <div> 
     <input v-model="parentMsg"> 
     <br> 
     <child v-bind:my-message="parentMsg"></child> 
    </div> 
</div> 

私のコンポーネント・コード私はそれを実装するつもりです。コンソールでこのエラーが発生します。

プロパティまたはメソッド「parentMsgは」インスタンスで定義されているが参照されていない間、私はメッセージは明確だと思う

Answer 1

をレンダリングします。 "parentMsg" is not defined on the instance。親レベルでparentMsgを定義する必要があります。

var app = new Vue({ 
    data: { 
     "parentMsg": "" 
    } 
    el: "#app" 
}); 

あなたは実際のフィドルhereを持つことができます。