Problèmes rencontrés lors de l'utilisation de l'exportation par défaut dans Vue

Question

Erreur de code

J'ai essayé d'exécuter le code ci-dessus mais cela ne fonctionne pas et je ne vois rien dans le navigateur. Existe-t-il une autre façon d'écrire le code en <scripts setup> </script> ? Ce que j'ai appris, c'est que la fonction est placée dans export default { name: 'App', //code }中 Parce que lorsque je tape autre chose, comme console.log('It runs'), j'obtiens une erreur et je ne peux même pas voir « bonjour tout le monde » ? S'il vous plaît, aidez-moi ;-;

Answer 1

votre erreur de code

// App.vue
<script setup lang="ts">
import { onMounted, reactive, toRefs } from 'vue'

const state = reactive({
    showNavbar: 'xxxx'
})
const { showNavbar } = toRefs(state)

onMounted(async() => {
   console.log('hello world')
})

</script>

<template>

    <main>
         <RouterView />
    </main>
   
</template>

<style lang="scss" scoped>

</style>