傳遞引數

• 傳遞引數的主要兩種型別:params和query
• params

• 配置路由格式:/router/:id
• 傳遞的方式:在path後面跟上對應的值

• 傳遞後形成的路勁:/router/123./router/abc

• query的型別

• 配置路由格式:/router,也就是普通配置
• 傳遞的方式:物件中使用query的key作為傳遞方式

• 傳遞後形成的路徑:/router?id=123,/router?id=abc

query

新建Profile.vue

<template>
  <div>
    <h2>this is profile</h2>
    <h2>{{$route.query.name}}</h2>
    <h2>{{$route.query.age}}</h2>
    <h2>{{$route.query.height}}</h2>
  </div>
</template>

<script>
export 
 
default {
  name: "Profile"
}
</script>

<style scoped>

</style>

修改index.js

修改App.vue

<router-link :to="{path:'/profile',query:{name:'flower',age:18,height:1.70}}" replace>檔案</router-link>

效果

作者：彼岸舞

時間：2021\06\28

內容關於：VUE

本文屬於作者原創,未經允許,禁止轉發