Entonces, en Vuejs, ¿cuál es la diferencia entre los dos a continuación?

1. ¿Es más recomendable hacer la primera?
2. ¿Es recomendable usar el segundo para otras propiedades (métodos, computado, reloj, etc.)?
3. ¿Cuáles son los efectos de usar el segundo para crear las propiedades?

¡Gracias por cualquier entrada!

 <template> </template> <script> export default { data() { return { ......... } }, </script>

 <script> let data = { ..... } export default { data() { return data }, </script>