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