Vue ディレクティブ v-html と v-text

<div id="テスト">

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

 </div>

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

 <スクリプト>
    定数vm = 新しいVue({

            el:"#テスト",

            データ：{

                メッセージ: "<h2>hello vue</h2>"

            }

        })

 </スクリプト>

<div id="テスト">

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

 </div>

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

 <スクリプト>

    定数vm = 新しいVue({

            el:"#テスト",

            データ：{

                メッセージ: "<h2>hello vue</h2>"

            }

        }) 

 </スクリプト>