被定義了 v-once 指令的元素或元件（包括元素或元件內的所有子孫節點）只能被渲染一次。首次渲染後，即使資料發生變化，也不會被重新渲染。一般用於靜態內容展示。

html：

<div id="app">
    <div v-once>
        {{content}}
    </div>
</div>

js：

<script>
    var app = new Vue({
        el: '#app',
        data: {
            content:'格陵蘭島冰下疑現巨大隕石坑 或與滅絕理論有關'
        }
    });

    app.content='顯示卡第一利器升級：AMD新卡到位';
</script>
 

輸出結果（demo）：

格陵蘭島冰下疑現巨大隕石坑 或與滅絕理論有關

這裡雖然使用了 app.content 重新設定了內容，但並沒有生效，因為我們使用了 v-once 指令。

v-once 指令除了用於展示靜態內容，也可能在需要進一步優化效能時用到它哦O(∩_∩)O~