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>