vue 以下图片中代码 v-for过程中怎么做到了性能最优化

Question

<template v-for="(site,i) in data">
                {{
                (site.over = getisOver(site)||0,void 0),
                (title = site.id+'-'+site.name,void 0)
                }}
            <runboo :i='i' :title="title" :key="site.id" 
                    :color = "site.over?color[1]:color[0]" :type="site.over?'orange':'blue'"></runboo>
            <runoob :i="i" :title="title" :key="site.id+1" :type="site.over?'orange':'blue'"></runoob>
            </template>

Answer 1

要做优化就不要在模板中进行计算，不但计算数据不会被缓存，每次重绘都要重算一遍，还让模板看起来丑陋无比。建议用computed生成已经算好的让模板能直接调用的数据