vue foreach用法_Vue入门系列之Vue列表渲染及条件渲染实战

3.1. 条件渲染

有时候我们要根据数据的情况，决定标签是否进行显示或者有其他动作。最常见的就是，表格渲染的时候，如果表格没有数据，就显示无数据。如果有数据就显示表格数据。Vue帮我们提供了一个v-if的指令，帮助我们完成判断的模板处理。

<div id="app">  <h1 v-if="ok">Yesh1>  <h1 v-else>Noh1>  div><script>  var app = new Vue({             el: '#app',                   data: {          ok: true      // true,返回：Yes，   false=> No                   }  });script>

v-if指令可以根据数据绑定的情况进行插入标签或者移除标签。当然，如果熟悉js的都清楚，有if，肯定会有else。Vue提供的是 v-