v-bind綁定數(shù)據(jù)縮寫?:? ?

v-bind?指令可以用于響應(yīng)式地更新 HTML 特性： <span?v-bind:title="message"> <span?:title="message">

v-on動作監(jiān)聽縮寫@

v-on?指令，它用于監(jiān)聽 DOM 事件 <form v-on:submit.prevent="onSubmit">...</form> <form @submit.prevent="onSubmit">...</form>

v-model雙向綁定縮寫:model

主要是用于表單上數(shù)據(jù)的雙向綁定 input type="text" v-model="mes"> 此時mes值就與input的值進(jìn)行雙向綁定

.修飾符? ?對數(shù)據(jù)和動作的二次處理? 就是下屬的數(shù)據(jù)或者動作

修飾符 (Modifiers) 是以半角句號?.?指明的特殊后綴，用于指出一個指令應(yīng)該以特殊方式綁定。 例如 .prevent?修飾符告訴?v-on?指令對于觸發(fā)的事件調(diào)用event.preventDefault()： preventDefault() 方法阻止元素發(fā)生默認(rèn)的行為（例如，當(dāng)點(diǎn)擊提交按鈕時阻止對表單的提交）。 <form?v-on:submit.prevent="onSubmit">...</form>

?

總結(jié)

以上是生活随笔為你收集整理的Vue绑定数据v-bind缩写:字段名 双向绑定v-model缩写:model 监听动作v-on缩写@ 记住：与数据相关用冒号 与动作相关用@的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。