vFor和vIf不要一起使用
1、vFor
的優先級其實是比 vIF
高的,所以當兩個指令出現來一個DOM中,那么 vFor
渲染的當前列表,每一次都需要進行一次 vIf
的判斷。而相應的列表也會重新變化,這個看起來是非常不合理的。因此當你需要進行同步指令的時候。盡量使用計算屬性,先將 vIf
不需要的值先過濾掉。他看起像是下面這樣的。
// 計算屬性
computed: {
filterList: function () { return this.showData.filter(function (data) { return data.isShow }) }