JS構造選項寫法

export defaul { data, methods, ...}

JS class寫法

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

TS class寫法

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

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

到此這篇關于詳解Vue 單文件組件的三種寫法的文章就介紹到這了,更多相關Vue 單文件組件內容請搜素錯新站長站以前的文章或下面相關文章，希望大家以后多多支持錯新站長站！