<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
    }
  }
});

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

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

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