在Vue中，@和:都是表示方法的引用。@是Vue.js中的一个装饰器，用于定义函数作为组件的属性。而:是Vue.js中的一个语法糖，用于定义方法作为组件的属性。

主要的区别在于：

1. 用途：@是Vue.js中用于定义函数作为组件属性的装饰器，主要用于实现组件的动态数据绑定。:是Vue.js中用于定义方法作为组件属性的语法糖，主要用于实现组件的静态数据绑定。

2. 易用性：@装饰器的语法稍微复杂一些，需要使用this.$data来获取组件的数据，这可能使得代码看起来更加复杂。而:装饰器的语法糖更加简洁，只需要使用this.$data就可以获取组件的数据。

3. 跨组件传递：@装饰器不支持跨组件传递，只能在同一个组件内部进行数据绑定。而:装饰器支持跨组件传递，可以用来在不同的组件之间进行数据绑定。

4. 组件属性值类型：@装饰器用于定义的属性是对象类型，可以是函数、数组、布尔值等。而:装饰器用于定义的属性是数组类型，只能是数组。

综上所述，@和:在Vue.js中都起到了数据绑定的作用，但是它们的用途、易用性、跨组件传递和组件属性值类型等方面有所不同。在实际使用中，需要根据具体的需求来选择使用哪一个装饰器。