JSFiddle - React, Tailwind, and code Playground

by edith_tang

HTML

<div id="app">
  <!-- v-else-if 和 v-else 必须紧跟 v-if -->
  <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: 0
  }
})