Vueのよく使われる組み込み命令の詳細な説明

<本文>
    <div id="ルート">
        <h1 v-pre>一生懸命勉強しなさい</h1>
        <h1>{{名前}}</h1>
        <h1 v-text="名前"></h1>
        <h2 v-html="str"></h2>
        <h2 v-once>初期化時の n の値は: {{n}}</h2>
        <h2>現在の値は: {{n}}</h2>
        <button @click="n++">n+1 をクリックしてください</button>
    </div>
    <スクリプト>
        Vue.config で productionTip を false に設定します。
        新しいVue({
            el: "#root",
            データ： {
                1,
                名前: 「学生王」
                str: '<h4>こんにちは! </h4>'
            }
        });
    </スクリプト>
</本文>