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);
}
}
最后
-
更多参考精彩博文请看这里:《陈永佳的博客》
-
喜欢博主的小伙伴可以加个关注、点个赞哦,持续更新嘿嘿!