Laluan diisytiharkan dengan nama, tetapi ini.$route.name : undefined

Question

Saya menggunakan Vue3 CDN di atas projek Django yang saya tambahkan VueRouter dan ia berfungsi dengan baik sehingga saya memutuskan untuk menambah nama pada objek laluan.

Di dalam komponen utama saya, saya cuba menyemak nilai nama laluan setiap kali pengguna melawat halaman.

const routes = [
{ 
    path: '/',
    name: 'home',
    component: home 
},
{
   path: '/our-program'
   name: 'program',
   component: 'program'
}
]

const router = VueRouter.createRouter({
history: VueRouter.createWebHashHistory(),
// mode: history,
routes,}); 


const app = Vue.createApp({
data() {
    return {}
},
 computed:{
    isFocus(){
        return this.$route.name;
    }
},
mounted() {
    console.log(this.$route);
    },
});

const vm = app.use(router).mount('#pages');

Saya mendapat laluan dalam konsol tetapi $route.name nampaknya tidak lulus. Adakah sesiapa tidak tahu apa salah saya?

Answer 1

this.$route.name boleh dipaparkan daripada komponen anak, bukan daripada komponen akar sebenar seperti yang saya cuba lakukan.