Vue v-once

v-once

要素とコンポーネントを一度だけ描画します。

そのあと再描画は、要素 / コンポーネントとすべてのその子は、静的コンテンツとして扱われスキップされます。これは、更新性能を最適化するために使用することができます。

code

        <!--単一要素-->
        <span v-once>This will never change: {{msg}}</span>

        <script>
            var app = new Vue({
                el: 'span',
                data: {
                    msg: 'Hello Vue!'
                }
            })
         //This will never change: Hello Vue!
        </script>