>[success] # v-if 和v-for >[danger] ##### 2.x ~~~ 1.2.x 版本中在一個元素上同時使用 v-if 和 v-for 時，v-for 會優先作用。 ~~~ >[danger] ##### 3.x ~~~ 1.v-if 的優先級比 v-for 更高，這意味著 v-if 將沒有權限訪問 v-for 里的變量： ~~~ ~~~ <!-- 因為v-if 的優先級高此時v-for 產生的todo還不存在 因此會報錯 --> <li v-for="todo in todos" v-if="!todo.isComplete"> {{ todo }} </li> ~~~ * 可以這么修改 ~~~ <template v-for="todo in todos"> <li v-if="!todo.isComplete"> {{ todo }} </li> </template> ~~~ ~~~ 1.上面的寫法依舊不是一個很好的做法，建議在使用計算屬性，在計算屬性中將需要的值進行過濾掉 ~~~ [v-if 與 v-for 的優先級對比非兼容](https://v3.cn.vuejs.org/guide/migration/v-if-v-for.html#%E6%A6%82%E8%A7%88)