¿Cuál es la diferencia entre ref y reactive en Vue y cuándo se debe usar cada uno?