分支结构

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>