Javascript 在子元素中发送属性

我正在尝试使用lit元素构建一个web应用程序。我有一个名为App的主类，还有一个名为popup的次类，它有时间和文本等属性

在应用程序中，我有：

class App extends LitElement {
    ...
    render() {
        return html`
            <myapp-popup .time="5000" .text="this is a test"></myapp-popup>
            ...
        `;
    }
    ...
}
customElement.define('my-app', App);

类应用程序扩展了LitElement{
...
render（）{
返回html`
...
`;
}
...
}
customElement.define（'my-app'，app'）；

在弹出窗口中：

class Popup extends LitElement {
    ...
    constructor() {
        super();
        this.display = 'show';
        setTimeout(() => this.display = 'hide', this.time);
    }
    render() {
        return html`
            <span class="pop-up ${this.display}>${this.text}</span>
        `;
    }
}
customElement.define('myapp-popup', Popup);

类弹出窗口扩展了LitElement{
...
构造函数（）{
超级（）；
this.display='show'；
setTimeout（（）=>this.display='hide'，this.time）；
}
render（）{
返回html`
我会执行
。请注意在属性之前使用

在理想情况下，您将在元素本身上定义属性类型，并将其解析为：
Number
、
String
、
Array
，等等。Doc

也可以考虑使用<代码>连接回调生命周期方法，而不是构造函数（？）
您已经通过了
。时间
不是
时间
。请在
时间
之前删除该点。它仍然未定义。这就是您试图实现的目标吗？@Thad，谢谢，这就是我需要用于此弹出窗口的内容。@Demiler我建议您查看示例和工具。