vue.js 中 v-once指令怎么用的？

Question

官方文档上说：执行一次性地插值，当数据改变时，插值处的内容不会更新，我改变了数据，插值处的内容也变了，我就不知道怎么使用了，请指教

Answer 1

<h1>{{ msg }} </h1> <h2 v-once>{{ msg }} </h2> <button @click="msg = 'test'">点一下</button>其它不变。 你试试。

Answer 2

6322007097806081951087300439329793142932813876450997719991077616631775284489166910664317758733164003740156561932776872269615906558639929682021793101536406669282562149824853987217193190397320091541944353955349540400898446440431943263908190690794398043653652844887336316810806571375106591460964032202872127686222540538633608486

Answer 3

第一组数据与效果图如下:改变数据之后的效果图：使用了v-once,但是数据内容还是改变了，为什么？