Javascript 如何引用苗条组件'；什么是父组件？

根据，我正在使用道具将对父组件的引用传递给子组件

Props是“properties”的缩写，是将数据从父组件传递给子组件的方法

这正是我想做的。这里是，也复制如下：

我的父母是App.html：

<div class='widget-container'>
    <Widget foo bar="static" {baz}/>
</div>

<script>
    import Widget from './Widget.html';

    export default {
        data: function(){ 
            return {
                baz: 'click me and check the console'
            }
        },
        components: {
            Widget
        }
    };
</script>

<p>foo: {foo}</p>
<p>bar: {bar}</p>
<p>baz: {baz}</p>

<script>
    export default {
        oncreate: function(){
            window.document.body.addEventListener('click', function(event){
                console.log(`Clicked!, ${baz}`)
            });
        }
    }

</script>   

从“./Widget.html”导入小部件；
导出默认值{
数据：函数（）{
返回{
baz:'单击我并检查控制台'
}
},
组成部分：{
小装置
}
};

子组件是Widget.html：

<div class='widget-container'>
    <Widget foo bar="static" {baz}/>
</div>

<script>
    import Widget from './Widget.html';

    export default {
        data: function(){ 
            return {
                baz: 'click me and check the console'
            }
        },
        components: {
            Widget
        }
    };
</script>

<p>foo: {foo}</p>
<p>bar: {bar}</p>
<p>baz: {baz}</p>

<script>
    export default {
        oncreate: function(){
            window.document.body.addEventListener('click', function(event){
                console.log(`Clicked!, ${baz}`)
            });
        }
    }

</script>   

foo:{foo}

bar:{bar}

baz:{baz}

导出默认值{
oncreate:function（）{
window.document.body.addEventListener（'click'，函数（事件）{
log（`Clicked！，${baz}`）
});
}
}

---

多亏了这些道具，HTML

元素可以清楚地引用父元素。但是如何在子组件的JavaScript中引用父组件中的值？

在生命周期挂钩和方法中，使用

this.get（）访问状态：

foo:{foo}

bar:{bar}

baz:{baz}

导出默认值{
oncreate:function（）{
window.document.body.addEventListener（'click'，（）=>{
const{baz}=this.get（）；
log（`Clicked！，${baz}`）
});
}
}l
谢谢。没有意识到这一点。get（）

走近父母。具体地说，为了避免让看到这个答案的其他人感到困惑，人力资源管理，它看起来像是数据的第二个副本。如何引用父级数据，而不是制作第二个副本？如果您想在子组件中操作父级数据，您应该在App.html

bind:baz={baz}

中使用这样的绑定，甚至是简写

bind:{baz}