vue.js 中，event 为原生 javascript 事件，由浏览器触发，而 $event 是 vue 特定抽象事件对象，在 vue 组件中使用。一般使用 $event 更方便，因为它经过格式化和增强，支持数据绑定。当需要访问原生事件对象特定功能时，使用 event。
Vue 中 event 和 $event 的区别
在 Vue.js 中，event 和 $event 是两个与事件处理相关的变量。它们之间存在一些关键的区别：
event
-
event是一个原生 JavaScript 事件，由浏览器触发。 - 它包含有关事件的信息，例如事件类型、目标元素和事件数据。
- 可以在任何可以接收事件处理程序的元素上使用
event，例如<button></button>或<input>。
$event
立即学习“前端免费学习笔记（深入）”；
-
$event是 Vue.js 的一个抽象事件对象，用于在 Vue 组件中处理事件。 - 它包含与
event相同的信息，但经过 Vue.js 的格式化和增强。 - 只有在 Vue 组件中才能使用
$event，通过@eventName事件处理程序或v-on指令。
何时使用 event 和何时使用 $event？
贞龙多用户商城电子商务系统java版
下载
MALL的中文含义是购物中心，是区别于专卖店和百货公司的一个流行的商业模式，MALL里面是各个独立商家，自由自主的定价，各自管理自己的供销渠道和客户关系。电子商务的MALL模式其实就是对B2C业务模式做了多主体的扩展和延伸。目前具有代表性的电子商务MALL模式就是淘宝商城。比如淘宝电器城，他们的模式更像是做房地产的，阿里巴巴有着繁华的互联网商业物业，只是开了一个名字叫淘宝电器城的大市场而已，没有任
一般情况下，使用 $event 更好，因为它提供了以下优势：
-
方便性：
$event是 Vue.js 特定的，因此在 Vue 组件中使用它更方便。 -
标准化：
$event的格式始终是相同的，无论事件类型如何。 -
数据绑定：可以使用
event.target.value等$event的属性在 Vue 模型中进行数据绑定。
只有当您需要访问原生 JavaScript 事件对象的特定功能（例如 preventDefault() 方法）时，才使用 event。
示例
以下是一个使用 $event 处理按钮单击事件的 Vue 组件的示例：
<code class="javascript"><template>
<button @click="handleClick">Click Me</button>
</template>
<script>
export default {
methods: {
handleClick(event) {
console.log('Button clicked!', event.target.value);
}
}
}
</script></code>以下是一个使用 event 阻止表单提交事件的示例：
<code class="javascript"><template>
<form @submit="handleSubmit">
<input type="text" v-model="message">
<button type="submit">Submit</button>
</form>
</template>
<script>
export default {
data() {
return {
message: ''
};
},
methods: {
handleSubmit(event) {
event.preventDefault();
if (this.message) {
alert('Message submitted: ' + this.message);
}
}
}
}
</script></code> 
