Vue中使用export default时遇到问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

Vue中使用export default时遇到问题

P粉769413355 2023-09-12 17:20:02

[Vue.js讨论组]

781

代码错误

我尝试运行上述代码，但是无法运行，在浏览器中也看不到任何内容。有没有其他方法来编写<scripts setup> </script>中的代码？我学到的是函数放在 export default { name: 'App', //code }中因为当我输入其他任何内容时，比如console.log('It runs')，我会得到一个错误，甚至看不到'hello world'？请帮帮忙 ;-;

P粉769413355

全部回复(1)

P粉2768766632023-09-13 09:38:30 1楼

your code error

// 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>