vue3.0 子组件的props的值不随着父组件值的改变而改变该怎么解决？

这是我在学习 Vue 3.0 时遇到的一个问题，当时困扰了我好久好久。

我依稀记得应该是只要接受值，然后修改父组件的值，然后子组件就会跟着改变。

但是不管我怎么改都没有修改成功，最后在思否的问答区找到了答案。

我们需要传值的变量-->命名应该是小写才对，如果是像我这样 ifShowInfo 的话，是找不到这个值的，所以我们将它改成 ifshowinfo 就能找到值了，并且会随着父组件的值改变而改变。

<div id="app">
    <h2 @click="Change">哈哈哈哈</h2>
    <titles :ifshowinfo="ifshowinfo"></titles>
</div>
<script>
    const app = Vue.createApp({
        data() {
            return {
                ifshowinfo: false
            }
        },
        methods: {
            Change() {
                this.ifshowinfo = !this.ifshowinfo
                console.log(this.ifshowinfo)
            }
        }
    })
    app.component("titles", {
        props: {
            ifshowinfo: {
                type: Boolean,
                default: false
            }
        },
        template: `<div>{{ifshowinfo}}</div>`

    })
    app.mount("#app")
</script>