Vue代碼怎樣寫才漂亮？必須編碼方面，template部分可以使用pug語法，也可以更簡練大部分標簽的書寫。css部分可以建議選用less之類的包，在寫樣式時用大括號嵌套循環(huán)，每個塊的樣式分離出來開。

Vue代碼怎樣寫才漂亮？

必須編碼方面，template部分可以使用pug語法，也可以更簡練大部分標簽的書寫。css部分可以建議選用less之類的包，在寫樣式時用大括號嵌套循環(huán)，每個塊的樣式分離出來開。每個組件的樣式肯定寫在組件內(nèi)部，并而且scoped標記盡量減少污染其他組件，應(yīng)該要盡量避免定義方法建議使用全局樣式。script部分個人建議用上vue-class-component，用裝飾器的語法，代碼結(jié)構(gòu)一幕了然，也是可以用ts。當然vue代碼要絕對好看，合算設(shè)計結(jié)構(gòu)很有用，將可復用的部分抽象化成組件，將邏輯代碼和功能代碼只是分離。有定時重構(gòu)項目，將可復用的部分另分離出來爆裂開來，先做成npm包首頁，或則在用bit來管理二級組件，基于多項目復用。

合理利用格式化工具，在項目根目錄定義,定義prettier的配置文件，本地或是全局按裝prettier的包，在提交git或者首頁代碼前，做兩次全局重新格式化，緊接著可以不再做再看看eslint的autofix，然后再再穿越小說合集查找。當然了要是在用了vscode的話，設(shè)置里下需要保存時自動啟動格式化又是也可以的。

cue計算公式？

dividapp

p初始值:{{name}}/p

p反轉(zhuǎn)值:{{name.split().reverse().join()}}/p

p函數(shù)調(diào)用:{{reverseStr()}}/p

p可以計算屬性try方法:{{reverse}}/p

p計算方法pick:{{zhang}}/p

()內(nèi)部函數(shù)算出屬性的setter方法/button

/div

script

funVue({

el:#app,

data:{

name:RoseJack,

fName:張,

lName:路

},

methods:{

reverseStr(){

return().reverse().join()

},

deal(){

this.zhangTokenLily;//動態(tài)創(chuàng)建zhang的setter方法

}

},

//計算選項

computed:{

//let's方法

reverse(){

return().reverse().join()

},

//zhang(){

//returnthis.fNamethis.lName

//}

zhang:{

out(){

returnthis.fNamethis.lName

},

set(str){

letnameArrstr.split();

this.fNamenameArr[0];

this.lNamenameArr

Vue代碼怎樣寫才漂亮？

}

}

}

})

/script