<template>
	<div>
		<div>vue-router</div>
		<div>--------------------------------------</div>

		<router-link to="/demo9">demo9</router-link>

		<div>--------------------------------------</div>

		<router-link to="{ name: 'demo9', params: {userId: 456 }}">params</router-link>
	</div>
</template>

<script>
	export default{
		data(){
			return{

			}
		},

		mounted(){},

		computed: {},

		methods: {},

		filters: {}
		}
</script>

index.js

import Vue from 'vue'
import Router from 'vue-router'
// import store from './store/'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      components: require('@/components/HelloWorld')
    },
    {
      path: '/demo1',
      name: 'demo1',
      components: require('@/pages/demo1/')
    },
    {
      path: '/demo2',
      name: 'demo2',
      components: require('@/pages/demo2/')
    },
    {
      path: '/demo3',
      name: 'demo3',
      components: require('@/pages/demo3/')
    },
    {
      path: '/demo4',
      name: 'demo4',
      components: require('@/pages/demo4/')
    },
    {
      path: '/demo5',
      name: 'demo5',
      components: require('@/pages/demo5/')
    },
    {
      path: '/demo6',
      name: 'demo6',
      components: require('@/pages/demo6/')
    },
    {
      path: '/demo7',
      name: 'demo7',
      components: require('@/pages/demo7/')
    },
    {
      path: '/demo8',
      name: 'demo8',
      components: require('@/pages/demo8/')
    },
    {
      path: '/demo9/:userId',
      name: 'demo9',
      components: require('@/pages/demo9/')
    },
    {
      path: '/demo10',
      name: 'demo10',
      components: require('@/pages/demo10/')
    },
    {
      path: '/demo11',
      name: 'demo11',
      components: require('@/pages/demo11/')
    }
  ]
})