VUE面试题系列---(1).v-if和v-for能不能同时使用？

v-if和v-for能不能同时使用？

v-if和v-for能不能同时使用？
不能。
为什么？
因为v-for比v-if优先级高，意味着如果两个指令同时使用，会先循环后判断，会造成资源浪费；
如果是需要判断整个列表是否显示，建议在列表外加一层用于判断：

<div v-if="isShow">
	<div v-for="item in items" :key="item.message">
		{{ item.message }}
	</div>
</div>

如果是需要判断列表内，有些数据不显示，建议展示前先将数据筛选一遍；