Salesforce Lightning Web Component装饰器
前言
装饰器通常在JavaScript中用于扩展类，属性，获取器，设置器或方法的行为。
获取更多请看这里 Lightning Web Components开发人员指南：参考（包括HTML模板指令，装饰器等）
装饰器
Lightning Web Component装饰器的示例包括：
- @api 将属性标记为公共，以供您在模板或其他组件中使用。
- @track 标记一个用于内部监视的属性。使用此属性的模板或函数会在属性值更改时强制重新渲染组件。使用它可以在本地存储值，尤其是当用户与您的组件进行交互时。
- @wire 提供一种获取和绑定数据的方法。此实现简化了从Salesforce组织获取数据的过程。
可以导入多个装饰器。如下：
import { LightningElement, track, api } from 'lwc';
但是请注意，一次只能将一个Lightning Web Component装饰器应用于一个属性。例如，一个属性不能同时具有@api（公共反应式）和@track（私有反应式）修饰符。
使用这些装饰器作为使用短语法扩展功能的方法。例如，让我们再次看最后一个JavaScript示例。尝试在没有@track装饰器的情况下进行以下操作，以查看行为。@track装饰器提供了值跟踪，用一条简单的线充当了对声明的变量的更改的侦听器。
import { LightningElement, track } from 'lwc';
export default class App extends LightningElement {
@track
ready = false;
connectedCallback() {
setTimeout(() => {
this.ready = true;
}, 3000);
}
}
最后
-
更多参考精彩博文请看这里：《陈永佳的博客》
-
喜欢博主的小伙伴可以加个关注、点个赞哦，持续更新嘿嘿！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/97620.html
