typescript - 我应该为 Vue 中的类组件使用哪些访问修饰符？

Question

我想知道我应该为 Vue 类中的属性和方法使用哪些修饰符？（我使用vue-class-component包）。public, private, protected?

或者我应该关闭说我需要设置访问修饰符的 linter 规则？

这是一个示例组件：

@Component({
  components: { MyChildComponent }
})
export default class MyComponent extends Vue {
  // props
  @Prop({ type: String, default: '' }) public readonly value!: string
  @Prop({ type: Array, default: () => [] }) public readonly myProp1!: any
  @Prop({ 
    type: [Array, Object], 
    default: () => ({}) 
  }) public readonly myProp2!: any

  // data variables
  public myVar1: MyClass | null = null
  public myVar2: boolean = false

  // computed
  public get isDisabled (): boolean {
    // code...
  }

  // watch
  @Watch('value')
  public onValueChange (val) {
    // code...
  }

  // hook
  public mounted () {
    // code...
  }

  // method
  public setMenuItem () {
    // code...
  }
}

Answer 1

公共：您可以从任何类访问属性或方法。

受保护：您可以访问同一类或任何子类中的属性或方法

私有：您可以在同一个类中访问属性或方法，但不能在该类之外访问。

请参阅此处以供参考。

public只要您不关心另一个组件是否修改该值或调用该函数，使用通常就可以了。我会public默认使用，然后在必要时将其替换为privateor protected。

关闭 linter 也可以，但是如果您在组件之间遇到问题，并且您没有为组件之间使用的属性或方法定义访问修饰符，那么调试可能会很麻烦。