Apakah perbezaan antara $router dan $route dalam vue

Penghala dan laluan dalam Vue ialah dua atribut yang berkaitan dengan penghalaan, dengan fungsi dan makna yang berbeza: 1. $router ialah instance bagi Vue Router, yang menyediakan kaedah dan atribut pengurusan navigasi dan laluan 2. $route ialah maklumat terkini objek penghalaan aktif mengandungi maklumat yang berkaitan dengan penghalaan semasa.

Dalam Vue, penghala dan laluan ialah dua atribut yang berkaitan dengan penghalaan, dan fungsi serta maknanya berbeza.

$\text{Dilalui <br>}$router ialah contoh VueRouter, yang menyediakan beberapa kaedah dan sifat untuk menavigasi dan mengurus laluan. Melalui penghala, kami boleh melakukan operasi seperti melompat ke laluan lain, parameter penghalaan dinamik, dsb.

Sebagai contoh, anda boleh menggunakan kaedah $router.push() untuk melakukan lompatan laluan:

// 在Vue组件中
methods: {
  goToAboutPage() {
    this.$router.push('/about');
  }
}

laluan ialah objek maklumat laluan aktif semasa, yang mengandungi beberapa maklumat berkaitan laluan semasa, seperti laluan, parameter , parameter pertanyaan, dsb. Melalui laluan, kita boleh mendapatkan maklumat penghalaan semasa atau memantau perubahan penghalaan.

Sebagai contoh, anda boleh menggunakan $route.params untuk mendapatkan parameter penghalaan dinamik:

// 在Vue组件中
mounted() {
  console.log(this.$route.params.id);
}

Untuk meringkaskan:

• $router ialah instance Vue Router, menyediakan kaedah dan sifat untuk navigasi dan pengurusan laluan.
• $route ialah objek maklumat laluan aktif semasa, yang mengandungi maklumat berkaitan laluan semasa.

Atas ialah kandungan terperinci Apakah perbezaan antara $router dan $route dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!