local scope,Simplify the template, and Reduce function run that some function with args

[zhangenming]

What problem does this feature solve?

<div v-for="a in 2" :key="a">
      <div v-for="b in 3" :key="b">
        <span>{{func(a.b).field1}}</span>
        <span>{{func(a.b).field2}}</span>
        <span>{{func(a.b).field3}}</span>
        <span>{{func(a.b).field4}}</span>
      </div>
</div>

What does the proposed API look like?

<div v-for="a in 2" :key="a">
      <div v-for="b in 3" :key="b">
          {{const tmp = func(a.b) //such a way like this}}
        <span>{{tmp.field1}}</span>
        <span>{{tmp.field2}}</span>
        <span>{{tmp.field3}}</span>
      </div>
</div>

[posva]

Prior art: vuejs/vue#6913

This should go through an RFC process. It would probably be useful to have in-template computed properties as well. I created this for vue 2 https://github.com/posva/vue-local-scope

[zhangenming]

now i get a hack very useful
like :justAHack="(SUDUKO = gene([S, I]), '')"

[yyx990803]

This is something that we'd like to find a good solution for but it should probably go through the RFC process instead of being discussed here.