条件渲染三元运算

三元运算在判断里面也是可以进行相应的使用的

演示：

<template>
    <!-- v-if  v-show的区别，前者是否会在dom中被移除，后者display:none -->
    <view v-if="isShow">
        now you see me
    </view>
    <view v-else>
        now you can't see me
    </view>
    <view v-show="isShow">
        now you see me
    </view>
    <!-- 三元计算 -->
    <view v-if="sex1 == 1 ? true : false">
        男性
    </view>
    <view v-if="sex0 == 0 ? true : false">
        女性
    </view>
    <view>
        ------------------------------------------------------
    </view>
    <view v-if="sex1 == 1">
        男性
    </view>
    <view v-else-if="sex1 == 0">
        女性
    </view>
    <view v-else>
        未知
    </view>
</template>
<script>
    export default {
        data() {
            return {
                isShow:true
                sex1:1
                sex0:0
            }
        },
        methods: {
        }
    }
</script>
<style>
</style>