我应该为 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：您可以从任何类访问属性或方法。

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

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

参考here。

使用public 通常没问题，只要您不关心其他组件是否修改该值或调用该函数。我会默认使用public，然后在必要时将其替换为private 或protected。

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