JS構造選項寫法

export defaul { data,methods,...}

JS class寫法

@Component
export default class Cpn extends Vue{
 counter = 0 //data
 add(){ //methods
  this.counter += 1
 }
}

TS class寫法

@Component
export default class Cpn extends Vue{
 @Prop(Number) sum : number | undefined; 
 counter = 0; //data
 add(){ //methods
  this.counter += 1
 }
}

優先推薦第一種寫法和第三種

• 第一種更簡潔
• 第三種更嚴謹

到此這篇關於詳解Vue 單檔案元件的三種寫法的文章就介紹到這了,更多相關Vue 單檔案元件內容請搜素我們以前的文章或下面相關文章，希望大家以後多多支援我們！