vue.js學習筆記

指令。指令帶有前綴 v-,以表示它們是 Vue 提供的特殊特性。可能你已經猜到了,它們會在渲染的 DOM 上應用特殊的響應式行爲

v-bind

<div id="app-2">
<span v-bind:title="message">
鼠標懸停幾秒鐘查看此處動態綁定的提示信息!
</span>
</div>

v-if
<div id="app-3">
<p v-if="seen">現在你看到我了</p>
</div>
v-for 綁定數組的數據來渲染一個項目列表
<div id="app-4">
<ol>
<li v-for="todo in todos">
{{ todo.text }}
</li>
</ol>
</div>
v-model 輸入和應用狀態之間的雙向綁定
<div id="app-6">
<p>{{ message }}</p>
<input v-model="message">
</div>
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章