该指令表示的元素和组件只会渲染一次，不会随着数据的改变而改变。

  1. <div id="app">
  2.   <h1 v-once>{{ title }}</h1>
  3. </div>

Vue2

  1. const app = new Vue({
  2.   el: '#app',
  3.   data() {
  4.     return {
  5.       title: '西安',
  6.     }
  7.   },
  8. })

Vue3

  1. const App = {
  2.   data() {
  3.     return {
  4.       title: '西安',
  5.     }
  6.   },
  7. }
  8. Vue.createApp(App).mount('#app')