Tengo problemas para usar axios (mi código seguirá), pero cuando uso {{response.data}}, el sitio se rompe y me muestra una página en blanco tan pronto como la elimino, funciona bien. No estoy muy seguro de lo que estoy haciendo mal, soy bastante nuevo en el uso de vue, vuetify y axios.

Tengo un servidor local ejecutándose para la base de datos y el enlace de solicitud de obtención funciona. muestra 3 columnas de cadenas y 1 matriz y estoy buscando obtener los datos de la matriz.

 <template> <v-app id="inspire" style="background-color: #e4e4e4"> <!-- to be deleted--> <v-app-bar-nav-icon style="padding-left: 80px"> <div id="app"> <nav> <router-link to="/">Home</router-link> | <router-link to="/about">Login</router-link> <br> <vbtn>Logout</vbtn> </nav> <router-view/> </div> </v-app-bar-nav-icon> <!--end--> <!-- profiles to login to--> <v-main style="padding: 10rem"> <v-container> <v-row> <v-col v-for="n in 10" :key="n" cols="5" style="background-color: #e4e4e4;"> <v-card height="200" style="background-color: #a3a3a3; text-align: center">{{n}}</v-card> </v-col> </v-row> </v-container> </v-main> <!-- profiles to login to end--> </v-app> </template> <script> import axios from 'axios' export default { name: 'HelloWorld' , mounted () { axios .get("http://localhost:8081/contractor?user_id=c65722") .then((response) => { this.posts = response.data }) }, data: () => ({ ecosystem: [], importantLinks: [], }), methods: {} } </script>

'