javascript - 使用公共访问器 lwc 子组件声明字段公共与私有

Question

我需要将参数从父组件传递给 lwc 中的子组件。使用公共访问器将字段设为公共与私有之间有区别吗？

// Private field with public getter
import { LightningElement, api, track } from 'lwc';

export default class TodoItem extends LightningElement {
    @track 
    _itemName = 'New Item'; 

    @api
    get itemName() {
        return this._itemName;
    }

    set itemName(value) {
        this._itemName = value;
    }
}

对比

//Public accessor
import { LightningElement, api, track } from 'lwc';

export default class TodoItem extends LightningElement {
    @api 
    _itemName = 'New Item'; 
}

Answer 1

在 LWC 中推荐的是：

//Public accessor
import { LightningElement, api } from 'lwc';

export default class TodoItem extends LightningElement {
    @api 
    itemName = 'New Item'
}

PS：轨道装饰器现在没用了

像 Spring '20 的所有领域一样，它们是被动的