JS構(gòu)造選項(xiàng)寫法

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供資源網(wǎng)站建設(shè)、資源做網(wǎng)站、資源網(wǎng)站設(shè)計(jì)、資源網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、資源企業(yè)網(wǎng)站模板建站服務(wù)，十余年資源做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

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
 }
}

優(yōu)先推薦第一種寫法和第三種

• 第一種更簡潔
• 第三種更嚴(yán)謹(jǐn)

到此這篇關(guān)于詳解Vue 單文件組件的三種寫法的文章就介紹到這了,更多相關(guān)Vue 單文件組件內(nèi)容請搜素創(chuàng)新互聯(lián)以前的文章或下面相關(guān)文章，希望大家以后多多支持創(chuàng)新互聯(lián)！