Peranan pertanyaan dan params dalam vue

Dalam penghalaan Vue, pertanyaan digunakan untuk menghantar maklumat tambahan yang tidak menjejaskan laluan halaman, seperti /products?page=2&sort=price digunakan untuk menentukan bahagian parameter laluan halaman, seperti /products/; :ID.

Peranan pertanyaan dan param dalam Vue

Dalam penghalaan Vue, query dan params memainkan peranan yang berbeza dan digunakan untuk tujuan yang berbeza . query 和 params 扮演着不同的角色，用于不同的目的。

query

• 作用：在 URL 中传递附加信息，该信息不会影响页面路线本身。
• 语法：this.$route.query[参数名称]
• 用法：通常用于传递过滤器、分页或搜索信息，例如：

<code>/products?page=2&sort=price</code>

在组件中，可以使用 query 对象访问这些附加参数：

<code class="javascript">export default {
  data() {
    return {
      currentPage: this.$route.query.page,
      sortOrder: this.$route.query.sort,
    }
  }
}</code>

params

• 作用：定义特定页面路线的参数部分，用于匹配和渲染对应的组件。
• 语法：this.$route.params[参数名称]
• 用法：params 用于从 URL 路径中提取动态参数，例如：

<code>/products/:id</code>

在组件中，可以使用 params 对象访问这些动态参数：

<code class="javascript">export default {
  data() {
    return {
      productId: this.$route.params.id,
    }
  }
}</code>

总结

query 和 params 在 Vue 路由中具有不同的用途。query 用于传递附加信息，而 params

🎜pertanyaan🎜🎜

• 🎜Peranan: 🎜Hantar maklumat tambahan dalam URL yang tidak menjejaskan laluan halaman itu sendiri.
• 🎜Syntax: 🎜this.$route.query[parameter name]
• 🎜Penggunaan: 🎜Biasanya digunakan untuk menghantar penapis, halaman atau maklumat carian , contohnya:

rrreee🎜Dalam komponen, anda boleh menggunakan objek query untuk mengakses parameter tambahan ini: 🎜rrreee🎜🎜params🎜🎜

• 🎜 Fungsi: 🎜 Bahagian parameter yang mentakrifkan laluan halaman tertentu dan digunakan untuk memadankan serta menghasilkan komponen yang sepadan.
• 🎜Syntax: 🎜this.$route.params[parameter name]
• 🎜Penggunaan: 🎜params digunakan daripada Ekstrak parameter dinamik daripada laluan URL, contohnya:

rrreee🎜Dalam komponen, anda boleh menggunakan objek params untuk mengakses parameter dinamik ini: 🎜rrreee🎜🎜Ringkasan🎜 🎜🎜 pertanyaan dan params mempunyai tujuan yang berbeza dalam penghalaan Vue. query digunakan untuk menghantar maklumat tambahan, manakala params digunakan untuk menentukan bahagian parameter laluan halaman. Dengan memahami tujuannya, anda boleh mengurus URL dan laluan dengan berkesan dalam aplikasi Vue anda. 🎜

Atas ialah kandungan terperinci Peranan pertanyaan dan params dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!