vueベースダイナミックルーティング、ネストルーティングrouter-link切り替え

import Vue from 'vue'
import Router from 'vue-router'
// import HelloWorld from '@/components/HelloWorld'
import GoodsList from '../views/GoodsList'
import Title from '@/views/Title'
import Image from '@/views/Image'


Vue.use(Router)

export default new Router({
  mode:'hash',
  routes: [
    {
      // path: '/goods/:goodsId/user/:name',
      mode:'hash/history',
      path: '/goods',
      name: 'GoodsList',
      component: GoodsList,
      children:[
        {
          path: 'title',
          name: 'title',
          component: Title
        },
        {
          path: 'image',
          name: 'image',
          component: Image
        },
      ]
    }

  ]

<template>
<div>
        
<span>{{$route.params.goodsId}}span>，
<span>{{$route.params.name}}span>
<router-link to="/goods/title">      router-link>
<router-link to="/goods/image">      router-link>
<div >
  <router-view>router-view>
div>

div>
template>
<style>   style>
<script >
    export default{
      data(){
        return{
          msg:'hello vue'
        }
      }
    }
script>

```
1. @      src     ,

2. import          
3.           path: '/goods/:goodsId/user/:name'

4      mode:'hash',

    ：http://localhost:8080/#/goods/23/user/zhangsan

    mode:'history' 

    ：http://localhost:8080/goods/23/user/zhangsan

5.       ：children[{。。。}]