<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
   <h1>{{title}}</h1>
   <p>{{sayHello()}} - <a v-bind:href="link">Baidu</a></p>
</div>

new Vue({
  el: '#app',
  data: {
    title: 'Hello World',
    link: 'http://baidu.com'
    },
  methods: {
    sayHello: function() {
        this.title = 'Hello';
      return this.title
    }
  }
});

上面例子中，因為在methods里用函數(shù)改變了title變量的值，導(dǎo)致html里的{{title}} 和 {{sayHello()}} 兩個都返回改變后的title的值。在vue中這個改變總是會第一時間體現(xiàn)在頁面上面。
那如果我們希望這個{{title}}的值不要那么動態(tài)呢，希望他永遠(yuǎn)保留最初的樣子，該怎么做？這時有另外一個 directive叫做v-once。把h1 標(biāo)簽?zāi)且恍懈某扇缦?/p>

<h1 v-once>{{title}}</h1>

就可以保證這里永遠(yuǎn)只顯示Hello World，而不會是改變后的值。