javascript - Vue v-if 效能問題。

Question

#像上面那樣， 是個評論， 循環出來。要判斷是哪一種類型 就呈現上面樣的內容。

每2秒 迴圈都不一樣。 ajax 請求的資料

看官方說這樣頻繁切換很耗效能。但這種情況不能用v-show，因為v-show 會把所有都出來了。

有什麼方法可以解決？我怕吃不消。

<ul>
        <li v-for="(item, index) in items">
            <template v-show="item.type == 'a'">
                <p>
                    {{ item.msg }}
                </p>
            </template>

            <template v-show="item.type == 'b'">
                <p>
                    {{ item.msg }}
                </p>
                <p>2222</p>
            </template>

            <template v-show="item.type == 'c'">
                <p>
                    {{ item.msg }}
                </p>
            </template>
        </li>
    </ul>

#

Answer 1

為什麼v-show會把所有都顯示出來？難道你一個item.type可以同時=a、b、c、d？