Vue 指令学习 基础 v-if&v-else&v-show

v-if:是vue 的一个内部指令，指令用在我们的html中。条件判断使用 v-if 指令

v-if用来判断是否加载html的div，当v-if为true是div显示为false时v-else会显示

v-else是和v-if一起用的

 <div id="app"> 
        <div v-if="isShow">
            我开始学vue了
        </div>

        <div v-else> 我没开始学vue</div>
    </div>
    <script>
        var app = new Vue({
            el:'#app',
            data() {
                return {
                    isShow:false
                }
            },
        })
    </script>

v-show的使用

调整css中display属性，DOM已经加载，只是CSS控制没有显示出来。

     <div v-shwo="isShow"> 我开始学vue了</div>

调整css中display属性，DOM已经加载，只是CSS控制没有显示出来。

v-if 和v-show的区别：

• v-if： 判断是否加载，可以减轻服务器的压力，在需要时加载。
• v-show：调整css dispaly属性，可以使客户端操作更加流畅。
• 但是v-show无法和v-else配合使用