Vue補間式とv-textディレクティブの違い

<div id="アプリ">

    <p>

        {{メッセージ}}

    </p>
   <p v-text="メッセージ"></p>

</div>

<script src="./js/vue.js"></script>

<スクリプト>

    vm = new Vue({

        el:"#アプリ",  

        データ：{ 

        メッセージ:"hello vue"

    }

    })

</スクリプト>

{{メッセージ}}

<スタイル>

    [Vクローク]:



    表示:なし;

}

</スタイル>

<div id="アプリ">

    <p v-マント>

        {{メッセージ}}

    </p>

    <p v-text="メッセージ"></p>

</div>

<script src="./js/vue.js"></script>

<div id="アプリ">

    <p>

         -  - {{メッセージ}} -  - 

    </p>

    //----こんにちはVue----

    <p v-text="メッセージ">1234556</p>

    // こんにちはビュー

</div>

<script src="./js/vue.js"></script>
<スクリプト>

    vm = new Vue({

        el:"#アプリ",

         データ：{
       メッセージ:"hello vue"
    }
    })

</スクリプト>