vue ts 組件 @Prop 初始值設置無效 vue-property-decorator

使用 vue + ts ，進行編寫組件時，發現以下代碼

 

❌錯誤寫法，這樣會導致，父組件引用使用 初始值設置 visible = true 不生效

@Component
export default class Pop extends Vue {
  @Prop({ type: Boolean, default: false }) readonly visible: boolean=false;
}

✔️正確使用方法

@Component
export default class Pop extends Vue {
  @Prop({ type: Boolean, default: false }) readonly visible!: boolean;
}