Vue渲染v-if=true。但是如果我把bool true改为false，vue不会重新渲染到v-else div。
应该怎么样？有没有办法重新渲染？
下面是我的代码：

<template>
    <div v-if="bool">
        true
    </div>
    <div v-else>
        false // if button pressed, i should be shown!!!!
    </div>
    <button :click='onClickEvent()'>click!!!!!!</button>
</template>
<script>
    export default {
        data: function () {
            return {
                bool: true
            };
        },
        created() {
            
        },
        mounted(){
        
        }
        methods: {
            onClickEvent: function(){
                this.bool= false
            }
        }
    };
</script>

我试了所有能想到的方法。