vue中 : . @ 意义

“:”:“v-bind”的缩写

用于响应式地更新 HTML

<span v-bind:title="message">
<span :title="message">

“@”:“v-on”的缩写

用于监听 DOM 事件

<a v-on:click="doSomething">...</a>
<a @click="doSomething">...</a>

“.”:修饰符

例如 .prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()

<form v-on:submit.prevent="onSubmit">...</form>

原文:vue中“:”、“.”、“@”意义

posted @ 2021-02-04 15:26  kousum  阅读(892)  评论(0编辑  收藏  举报