Vue.js router-linkでparamsを渡す方法は？

Question

ユーザーが生成したリンクをクリックしたときにtpがidパラメータを渡していますが、htmlに表示されません idはcurrentUserIdに設定されているかストア内で初期化されています。状態からcurrentUserIdを取得する適切なgetter（ 'getCurrentUserId'）。 どこが間違っていますか？

<li id="shoppinglists"><a href="#/shoppinglists" class="">Shopping Lists</a></li> 

私が取得する必要があります。

href="#/shoppinglists/1" 

App.vue

<template> 
    <div id="app"> 
    <ul class="navigation"> 
     <li id="home"><router-link :to="{ name: 'Home' }" >Home</router-link></li> 
     <li id="shoppinglists"><router-link :to="{ name: 'ShoppingLists', params: { id: currentUserId } }" >Shopping Lists</router-link></li> 
    </ul> 
    <router-view></router-view> 
    </div> 
</template> 

<script> 
import store from '@/vuex/store' 
import { mapGetters } from 'vuex' 

export default { 
    name: 'app', 
    computed: { 
    ...mapGetters({ currentUserId: 'getCurrentUserId' }) 
    }, 
    store 
} 
</script> 

vuex/getters.js 

import _ from 'underscore' 

export default { 
    getCurrentUserId: state => state.currentUserId, 
    ... 
} 

vuex/store.js

import Vue from 'vue' 
import Vuex from 'vuex' 
import getters from './getters' 
import actions from './actions' 
import mutations from './mutations' 

Vue.use（Vuex）

const state = { 
    currentUserId: 1, 
    ... 
} 

export default new Vuex.Store({ 
    state, 
    mutations, 
    getters, 
    actions 
}) 

Answer 1

[OK]を、それが...それはREFのURLと連結いないだ...しかし、私はへのオブジェクトのことを見ることができVUEのWebツール使用：パスの両方を持っているが'/ shoppinglists'とparams：object {id：1} ...考え方をvueの振る舞いに切り替えることは明らかではない...