【前端学习笔记】Vue 的元素 v-if 和 v-for 的比较

v-if 和v-for有几点需要注意的地方。

第一、v-if和v-for同时使用时，v-for具有比v-i更高的优先级。这意味着v-if将分别重复运行于每个-v-for循环中。

但如果想要有条件地跳过循环的执行，那么可以将v-if置于外层元素或者<template>上。

例：    <ul v-if="todos.length">

                     <li v-for = "todo in todos">

                            {{ todo }}

                    </li>

              </ul>  

              <p v-else> No todos left! </p>