分支结构
1、分支结构
· v-if
· v-else
· v-else-if
· v-show
v-if控制元素是否渲染到页面
v-show控制元素是否下显示(已经渲染到了页面)
<div id="app"> <div v-if="sorce"> 90">优秀</div> <div v-else-if="sorce < 90 && sorce > 80">良好</div> <div v-else-if="sorce < 80 && sorce > 60">及格</div> <div v-else>不及格</div> <div v-show="flag">v-show</div> </div> <script src="../js/vue.js"></script> <script> var vm = new Vue({ el: '#app', data: { sorce: 28, flag: false } }) </script>