directive: v-if tied onto <template>

by edith_tang

HTML

<div id="app">
  <!-- 一次判断多个元素 -->
  <template v-if="status === 1">
      <p>status 为 1 的时候显示我</p>
      <p>status 为 1 的时候显示我</p>
      <p>status 为 1 的时候显示我</p>
  </template>
  <p v-if="status === 1">当 status 为 1 的时候才显示我</p>
  <p v-else-if="status === 2">当 status 为 2 的时候会显示我</p>
  <p v-else>当 status 既不是 1 又不是 2 的时候会显示我</p>
</div>

JavaScript

var app = new Vue({
	el: '#app',
  data: {
  	status: 1
  }
})