一、文本渲染
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>
v-model 指令將 input 標簽的值動態(tài)綁定到屬性 msg 上,通過 {{ msg }} 表達式顯示在頁面上。當修改文本框內容時,后面的頁面內容將實時變化并與文本框內容保持一致。
一次渲染
1 <div class="row">2 <h2>文本 -