Vue绑定数据v-bind缩写:字段名 双向绑定v-model缩写:model 监听动作v-on缩写@ 记住:与数据相关用冒号 与动作相关用@
生活随笔
收集整理的這篇文章主要介紹了
Vue绑定数据v-bind缩写:字段名 双向绑定v-model缩写:model 监听动作v-on缩写@ 记住:与数据相关用冒号 与动作相关用@
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
v-bind綁定數據縮寫?:? ?
v-bind?指令可以用于響應式地更新 HTML 特性: <span?v-bind:title="message"> <span?:title="message">v-on動作監聽縮寫@
v-on?指令,它用于監聽 DOM 事件 <form v-on:submit.prevent="onSubmit">...</form> <form @submit.prevent="onSubmit">...</form>v-model雙向綁定縮寫:model
主要是用于表單上數據的雙向綁定 input type="text" v-model="mes"> 此時mes值就與input的值進行雙向綁定.修飾符? ?對數據和動作的二次處理? 就是下屬的數據或者動作
修飾符 (Modifiers) 是以半角句號?.?指明的特殊后綴,用于指出一個指令應該以特殊方式綁定。 例如 .prevent?修飾符告訴?v-on?指令對于觸發的事件調用event.preventDefault(): preventDefault() 方法阻止元素發生默認的行為(例如,當點擊提交按鈕時阻止對表單的提交)。 <form?v-on:submit.prevent="onSubmit">...</form>?
總結
以上是生活随笔為你收集整理的Vue绑定数据v-bind缩写:字段名 双向绑定v-model缩写:model 监听动作v-on缩写@ 记住:与数据相关用冒号 与动作相关用@的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CSS3的box-sizing:向外撑c
- 下一篇: 股票k线怎么看