1.在/src/router/index.js文件裏配置路由

2.編寫Params.vue

<template>
    <div>
        <h2>{{ msg }}</h2>
        <p>ID：{{ $route.params.Id}}</p>   //輸出Url 傳遞的Id
        <p>標題：{{ $route.params.Title}}</p>  //輸出 Url 傳遞的 Title   //對應的是這裏   path:‘/params/:Id/:Title‘,

    </div>
</template>
 
<script>
export default {
  name: ‘params‘,
  data () {
    return {
      msg: ‘params page‘
    }
  }
}
</script>

　　3. 在App.vue 設置 <router-view>標簽，顯示出來頁面

效果：

2018-06-18 20:37:43

vue-router 利用url傳遞參數