一、文本渲染

Vue支持動態(tà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>

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

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

一次渲染

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