Using Inheritance

DEX601 - Unit 2 Getting Started

📄 第 173 页 🎬 视频课程

课程章节介绍

让我们来聊聊如何在Salesforce的Lightning框架中使用继承来实现代码共享。想象一下,你有一个父组件,它就像一个模板,里面定义了一些通用的样式、功能或者结构。然后,你可以创建子组件,这些子组件会继承父组件的所有特性,这样你就不用重复写代码了。 首先,我们来看一个父组件的例子。这个父组件叫做`wrapInBox`,它的作用是在内容周围加一个黑色的边框。为了让其他组件能够继承它,我们需要在父组件的定义中设置`extensible="true"`,这样它就变成了一个可以被继承的组件。 ```html
{!v.body}
``` 在这个父组件中,`{!v.body}`是一个占位符,它表示将来子组件的内容会显示在这里。 接下来,我们创建一个子组件,叫做`UsesWrapInBox`。这个子组件继承了父组件`wrapInBox`的所有特性。在子组件的定义中,我们使用`extends`属性来指定父组件。 ```html 这是一些子内容,将在父标签中显示为v.body。 ``` 在这个子组件中,我们写了一些内容,这些内容会被插入到父组件的`{!v.body}`位置。所以,当你使用这个子组件时,它会自动带上父组件定义的黑色边框。 总结一下,通过继承,我们可以让子组件复用父组件的代码,这样不仅减少了重复代码,还让代码更加模块化和易于维护。希望这个解释能帮助你理解如何在Salesforce中使用继承来实现代码共享。