这是我在学习vue3.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>
最后修改:2021 年 09 月 26 日 10 : 59 AM
如果觉得我的文章对你有用,请随意赞赏