课程章节介绍
今天咱们来看一个具体的例子,看看在 Lightning Web Components 里怎么给子组件定义一套完整的公开接口,也就是公共 API。这个例子是一个视频播放器组件,叫 videoPlayer。
首先,它对外公开了一个叫 videoUrl 的属性,这个属性接收视频文件的链接。然后呢,它还公开了一个叫 isPlaying 的 getter,用来告诉外界当前视频是不是正在播放。这个 getter 内部是去查 DOM,看看视频元素的状态。另外,它还有两个公开的方法,一个叫 play,一个叫 pause,用来控制播放和暂停。
那这些公开的方法是怎么实现的呢?它们在组件自己的模板里,通过 this.template.querySelector 找到真正的
关键词
LWC
Lightning Web Components
Salesforce