YoungSx
6/9/2017 - 3:48 AM

Vue条件渲染 #tags: Vue

Vue条件渲染 #tags: Vue

<div v-if="type === 'A'">A</div>
<div v-else-if="type === 'B'">B</div>
<div v-else-if="type === 'C'">C</div>
<div v-else>Not A/B/C</div>
<!-- if的元素可复用,禁止复用就加一个唯一的key属性 -->
<div v-show="ok">Hello!</div>
<!-- v-show的元素相比if始终渲染,不显示时为display:none; -->

优先级:
v-for > v-if
  <li v-for="todo in todos" v-if="!todo.isComplete">
    {{ todo }}
  </li>