Salesforce Lightning Web Component装饰器

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);
    }
}

---

最后

• 更多参考精彩博文请看这里：《陈永佳的博客》

• 喜欢博主的小伙伴可以加个关注、点个赞哦，持续更新嘿嘿！

---