vue執(zhí)行computed中的set方法 Vue代碼怎樣寫(xiě)才漂亮？
Vue代碼怎樣寫(xiě)才漂亮？必須編碼方面，template部分可以使用pug語(yǔ)法，也可以更簡(jiǎn)練大部分標(biāo)簽的書(shū)寫(xiě)。css部分可以建議選用less之類(lèi)的包，在寫(xiě)樣式時(shí)用大括號(hào)嵌套循環(huán)，每個(gè)塊的樣式分離出來(lái)開(kāi)。
Vue代碼怎樣寫(xiě)才漂亮？
必須編碼方面，template部分可以使用pug語(yǔ)法，也可以更簡(jiǎn)練大部分標(biāo)簽的書(shū)寫(xiě)。css部分可以建議選用less之類(lèi)的包，在寫(xiě)樣式時(shí)用大括號(hào)嵌套循環(huán)，每個(gè)塊的樣式分離出來(lái)開(kāi)。每個(gè)組件的樣式肯定寫(xiě)在組件內(nèi)部，并而且scoped標(biāo)記盡量減少污染其他組件，應(yīng)該要盡量避免定義方法建議使用全局樣式。script部分個(gè)人建議用上vue-class-component，用裝飾器的語(yǔ)法，代碼結(jié)構(gòu)一幕了然，也是可以用ts。當(dāng)然vue代碼要絕對(duì)好看，合算設(shè)計(jì)結(jié)構(gòu)很有用，將可復(fù)用的部分抽象化成組件，將邏輯代碼和功能代碼只是分離。有定時(shí)重構(gòu)項(xiàng)目，將可復(fù)用的部分另分離出來(lái)爆裂開(kāi)來(lái)，先做成npm包首頁(yè)，或則在用bit來(lái)管理二級(jí)組件，基于多項(xiàng)目復(fù)用。
合理利用格式化工具，在項(xiàng)目根目錄定義,定義prettier的配置文件，本地或是全局按裝prettier的包，在提交git或者首頁(yè)代碼前，做兩次全局重新格式化，緊接著可以不再做再看看eslint的autofix，然后再再穿越小說(shuō)合集查找。當(dāng)然了要是在用了vscode的話(huà)，設(shè)置里下需要保存時(shí)自動(dòng)啟動(dòng)格式化又是也可以的。
cue計(jì)算公式？
dividapp
p初始值:{{name}}/p
p反轉(zhuǎn)值:{{name.split().reverse().join()}}/p
p函數(shù)調(diào)用:{{reverseStr()}}/p
p可以計(jì)算屬性try方法:{{reverse}}/p
p計(jì)算方法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;//動(dòng)態(tài)創(chuàng)建zhang的setter方法
}
},
//計(jì)算選項(xiàng)
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代碼怎樣寫(xiě)才漂亮？
;}
}
}
})
/script