vue怎么動(dòng)態(tài)添加屬性？在Vue中使用v-bind:attribute name=“attribute value”這樣，可以動(dòng)態(tài)設(shè)置屬性，注意不要在屬性值的引號(hào)中使用{}]~虛擬用戶.js第一步是創(chuàng)

vue怎么動(dòng)態(tài)添加屬性？

在Vue中使用v-bind:attribute name=“attribute value”這樣，可以動(dòng)態(tài)設(shè)置屬性，注意不要在屬性值的引號(hào)中使用{}]~虛擬用戶.js第一步是創(chuàng)建一個(gè)靜態(tài)頁(yè)面vbind.html文件并介紹虛擬用戶.js第二步，在主體中插入div tag元素，在div中插入img元素，img的SRC屬性被v-bind綁定。在第三步中虛擬用戶.js代碼綁定SRC屬性默認(rèn)值是項(xiàng)目中圖片的第四步。由于圖片相對(duì)較小，請(qǐng)?zhí)砑娱g隔。padding屬性的第五步是預(yù)覽靜態(tài)頁(yè)面。此時(shí)，頁(yè)面上將顯示一個(gè)小圖片。第六步，打開瀏覽器下的調(diào)試工具，查看Div

1中img的SRC屬性值。創(chuàng)建一個(gè)新的HTML文檔，然后在head標(biāo)簽中引入Vue的JS文件。這里，以CDN文件的介紹為例：

2。在body標(biāo)記中添加ID為“app”的div標(biāo)記，然后在div標(biāo)記中添加div標(biāo)記，在Vue中添加變量數(shù)據(jù)，然后使用“{}}”符號(hào)將變量引入div標(biāo)記，并在標(biāo)記L=“variable”v-html=“variable”屬性中添加“v-htm”。

3。用瀏覽器打開HTML文檔，在頁(yè)面中可以看到v-HTML指令添加的HTML元素：