vue style動(dòng)態(tài)綁定樣式 如何利用Vue.js庫(kù)中的v-bind綁定樣式屬性？
如何利用Vue.js庫(kù)中的v-bind綁定樣式屬性？利用率虛擬用戶.js第一步是創(chuàng)建一個(gè)靜態(tài)頁(yè)面vbind.html文件并介紹虛擬用戶.js第二步，在主體中插入div-tag元素，在div中插入img
如何利用Vue.js庫(kù)中的v-bind綁定樣式屬性？
利用率虛擬用戶.js第一步是創(chuàng)建一個(gè)靜態(tài)頁(yè)面vbind.html文件并介紹虛擬用戶.js第二步，在主體中插入div-tag元素，在div中插入img元素，img的SRC屬性由v-bind綁定。在第三步中虛擬用戶.js代碼綁定SRC屬性，默認(rèn)是第四步的項(xiàng)目圖片，由于圖片比較小，在第五步添加padding屬性，預(yù)覽靜態(tài)頁(yè)面，然后在頁(yè)面上顯示一個(gè)小圖片。第六步，打開瀏覽器下的調(diào)試工具，可以看到Div中img的SRC屬性值
Layui基于jQuery。當(dāng)然，在很多地方，它也直接操作Josn的數(shù)據(jù)，直接顯示綁定的數(shù)據(jù)。Vue的底層是操作虛擬DOM來(lái)實(shí)現(xiàn)數(shù)據(jù)綁定。事實(shí)上，開發(fā)商不需要在意。要編寫Vue，它們需要在DOM的指定位置綁定數(shù)據(jù)，甚至執(zhí)行一些邏輯，例如V-IF。Layui實(shí)際上是一個(gè)直接調(diào)用的打包方法。
Vue最大的問(wèn)題是，如果頁(yè)面非常復(fù)雜，DOM、數(shù)據(jù)和方法不在同一個(gè)位置，因此需要花費(fèi)大量的時(shí)間才能找到它們。當(dāng)然，vue3已經(jīng)解決了這個(gè)問(wèn)題，所有的邏輯都可以寫成函數(shù)。就我個(gè)人而言，我仍然認(rèn)為Vue用于簡(jiǎn)單的頁(yè)面，jQuery用于復(fù)雜的業(yè)務(wù)邏輯。
前端開發(fā)也是如此。實(shí)際上，我們都使用jQuery。它簡(jiǎn)單而粗糙，并且很容易直接操作界面。如果你想實(shí)現(xiàn)任何功能，你會(huì)成功的。但是在項(xiàng)目變得越來(lái)越復(fù)雜之后，這種開發(fā)方式會(huì)出現(xiàn)一個(gè)問(wèn)題：代碼組織很低，項(xiàng)目的可維護(hù)性很差，特別是當(dāng)項(xiàng)目中的很多頁(yè)面都有層次關(guān)系時(shí)，很容易混淆自己。
“.現(xiàn)在我們不應(yīng)該把一個(gè)網(wǎng)頁(yè)看作一個(gè)網(wǎng)頁(yè)，而是一個(gè)以網(wǎng)頁(yè)的形式呈現(xiàn)的應(yīng)用程序。分離數(shù)據(jù)和行為之后，前端開發(fā)變得更加清晰，這也是前端開發(fā)的一個(gè)重要標(biāo)志。
雖然這些框架使用了虛擬DOM等技術(shù)，但由于抽象合理，開發(fā)效率遠(yuǎn)高于傳統(tǒng)前端，比直接操作DOM要慢。試想一下，用這兩種方法開發(fā)的項(xiàng)目效率比傳統(tǒng)開發(fā)低0.5%，但是傳統(tǒng)開發(fā)需要的bug是傳統(tǒng)開發(fā)的兩倍。如果你是，你會(huì)選哪一個(gè)？