Vue v-once相当物

Question

式として使用したときにVueにメソッドを一度呼び出すように指示する方法はありますか？

ここに私のコードです：

<div v-for="i in a.b.c.items"> 
    <div :id="foo(i.value)"></div> 
</div> 

それが今ある方法は、FOO（）メソッドは、モデルの変更、いない項目のみ上の任意の時間は何も実行されます。 Vueにはこれを一度だけ評価することができますか？このように：<div :id.only-once="foo(i.value)"

Answer 1

残念ながら、これは特定のイベントでのみ可能です。 this question hereにあります。代わりに考慮する可能性のあるものはcomputed propertyで、これらの値をすべて計算して配列を返します。この結果の配列はVueによってキャッシュされ、配列itemsが変更され（Vueが変更を検出するように変更されるまで）、再評価されません。

例：

Vueのセットアップ

<script> 
    new Vue({ 
     el: '. . .', 
     data: { 
      a: {b: {c: {items: [. . .]}}} 
     }, 
     methods: { 
      foo: function(val) { 
       . . . 
      } 
     }, 
     computed: { 
      itemsAfterFoo: function() { 
       var this_vue_instance = this; 
       var computed_items = []; 
       this_vue_instance.items.forEach(function(item) { 
        computed_items.push(this_vue_instance.foo(item.value)); 
       }); 
       return computed_items; 
      } 
     } 
    }); 
</script> 

テンプレート

<div v-for="(i, index) in a.b.c.items"> 
    <div :id="itemsAfterFoo[index]"></div> 
</div> 

か、その効果に何か。ここで計算された特性に

詳細情報：https://vuejs.org/v2/guide/computed.html