在 Vue 中，:on-click 和 @click 的区别主要体现在语法和常见的使用情况上：

• @click：这是更常用的方式，这是一个事件监听器的简写，等同于 v-on:click。你可以使用它来绑定一个点击事件的处理函数。

<button @click="handleClick">Click me!</button>  

• :on-click：这实际上并不是 Vue 的标准语法。在普通的 HTML 元素中使用可能不会得到预期的结果。然而，在一些特定的组件库中（如基于 Vue 的 UI 组件库），可能会使用类似 :on-click 这样的属性来获取传入的方法。

<CustomButton :on-click="handleClick">Click me</CustomButton>  

如果你正在使用某个特定的组件，并且文档指示你使用 :on-click，那么你应当遵循文档的建议。否则，你应该使用 @click 来添加事件监听器。