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中“:”、“.”、“@”意义