43.v-if和v-for的优先级

v-for 的优先级高

 

延申问题：v-for 和 v-if 为什么不能在一起使用 ？

会造成性能的浪费，因为v-for 的优先级高，所以每次渲染都会执行v-if 判断条件，浪费时间 ；比如 渲染 10 条数据，就要判断 10 次 v-if 条件；

解决办法：在 v-for 渲染列表的外面套一层 template 标签，在template 标签上写v-if 条件，就只会判断一次v-if 条件 ；

ps：tamplate 标签是ES6新增的标签，他不会显示在页面结构上 ；