我应该为Vue中的class-component使用哪些访问修饰符?

时间:2019-03-25 14:01:02

标签: typescript vue.js vuejs2 vue-component vue-class-components

我想知道在Vue类中应为属性和方法使用哪些修饰符? (我使用vue-class-component包)。 publicprivateprotected

还是应该关闭表示需要设置访问修饰符的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...
  }
}

0 个答案:

没有答案