vue2.0.3 v-once doesn't work in list rendering?

like this:

<template v-for="item in titems">
  <li>
    <div>{{item.message}}</div>
    <div><img :src='item.url' v-once></div>
  </li>
</template>

or this:

<template v-for="item in titems">
  <li>
    <div>{{item.message}}</div>
    <div v-once><img :src='item.url'></div>
  </li>
</template>

[seekerlee]

@posva here’s my case just for reference:

We are working on en email app and emails are rendered by VueJS since 1.x version. emails in a conversation are stored in an array like below: data:{emails: [{ read:false, starred:false, content:'<div> html format data</div>' },{ read:false, starred:true, content:'<div> html format data2</div>' }]}

Since the email html content could be huge, we don’t want it be updated since born. And we need to do lots of DOM operation to the html content (I’m using a custom directive to do it when ‘inserted’). For example: add ellipsis and hide quoted content, highlight some text, add some link, process mentions by @ symbol etc. We also don’t want these operations to be executed more than once.

So we have the requirement for both v-once and v-for. In 1.x version we use {{{* email.content }}}, and it works good. After I spent some time updated VueJS to this version, I found this issue.

[posva]

@koronero I don’t understand your message, I wasn’t asking for a repro, I provided one 😄