vue3 @ 和:什么区别

在 `Vue.js 3` 中，`@` 和 `:` 分别用作了不同的用途。

`@` 用于绑定事件，语法如下：

<button @click="handleClick">点击我</button>

这里 `@click` 表示将 `handleClick` 方法绑定到该按钮的 `click` 事件上。

而 `:` 则用于绑定动态属性，语法如下：

<img :src="imageUrl">

这里 `:src` 表示将 `imageUrl` 变量的值绑定到该图片的 `src` 属性上。

需要注意的是，`:` 在 `Vue.js 2` 中也用于绑定事件修饰符，但在 `Vue.js 3` 中，这种用法已被废弃，改为使用 `v-on` 指令和修饰符。例如：

<button v-on:click.stop="handleClick">点击我</button>

这里 `v-on:click` 表示绑定 `click` 事件，并使用 `.stop` 修饰符阻止事件冒泡。