一、文本渲染

Vue支持動態(tài)渲染文本，即在修改屬性的同時，實時渲染文本內(nèi)容。同時為了提高渲染效率，也支持只渲染一次，即第一次渲染出文本后，文本內(nèi)容不再跟隨屬性值的變化而變化。

實時渲染

1 <div class="row">2   <h2>文本 - 實時渲染</h2>3   <input type="text" v-model="msg" class="col-md-2" />4   <span class="col-md-10">{{ msg }}</span>5 </div>

電腦培訓(xùn),計算機培訓(xùn),平面設(shè)計培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

 v-model 指令將 input 標(biāo)簽的值動態(tài)綁定到屬性 msg 上，通過 {{ msg }} 表達(dá)式顯示在頁面上。當(dāng)修改文本框內(nèi)容時，后面的頁面內(nèi)容將實時變化并與文本框內(nèi)容保持一致。

一次渲染

1 <div class="row">2   <h2>文本 - 
        
		

        		
網(wǎng)友評論