vue.jsまだ私はアプリのHTML上にある単純なコンポーネントを持っているページ

にレンダリングしている私は、ドキュメントから理解してV-かの場合ならば、V-、それは、vue.jsまだ私はアプリのHTML上にある単純なコンポーネントを持っているページ

v-if

に接続されていますがfalseの場合、コンポーネントはまだ作成されません。あなたはコンポーネントが描画されるべきではありませんので、「postModal」は偽で見ることができるよう

new Vue({ 
    el: '#vueApp', 
    data: { 
     postModal: false, 
     postId: null, 
     post: null 
    } 
});

...：ここに

はページ

<post-modal :v-if="postModal" :show.sync="postModal" :post="post"> 
    <h3 slot="header">Show Post</h3> 
</post-modal>

とアプリコードの構成要素であります私はコンポーネント "作成された"メソッドのように私は知っている

alert('created');

どうしたのですか？

ありがとうございました！

私はあなたがリードする必要はないと思います。私は先頭のコロンがHTML属性の 'v-bind 'のための短い手記であると思う。 – PatrickSteele

@PatrickSteele原因が – pkawiak

の場合：/ stupidestエラーが発生しました.... –

UPDは： "：" `V-if`ディレクティブ@PatrickSteele

v-if instead of :v-if directive

2016-09-13 16:58:55

コロンを使用しないでhtmlを更新するだけで、回答済みとマークすることができます –

答えて