Vue 条件渲染

<template>
    <div>
        <p v-if="ok">成功了</p>
        <p v-else>失败了</p>

        <p v-show="ok">切换成功</p>
        <p v-show="!ok">切换失败</p>
        <button @click="change()"> 切换 </button>
    </div>
</template>
<script>
export default {
    data() {
        return {
            ok:false
        }
    },
    methods:{
        change() {
           this.ok = !this.ok
        },
    }
}
</script>
<style lang="less" scoped>

</style>