vue使用router-link跳转vue页面

要完成页面的跳转，需要在这几个文件下操作：1、主页面（Home.vue） 2、被跳转的页面 3、router下的index.js（page_share.vue）

---

1、主页面（Home.vue）

 <li><router-link to='/PageShare'>前端</router-link></li>

2、被跳转的页面（page_share.vue)，内容不重要,我这里的内容是组件，这个无所谓

<template>
	<div id="share">
		<shareposition></shareposition>
  		<sharemain></sharemain>
	</div>
</template>

<script>
	import hed from '../components/header'
	import notice from '../components/notices'
	import shareposition from '../components/sharePosition'
	import sharemain from '../components/shareMain'
	export default {
	  name: 'share',
	  components: {shareposition,sharemain}
	}
</script>

<style>
</style>

3、router下的index.js

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)
import PageShare from '../views/page_share'

export default new Router({
  routes: [
  	{
			path : '/PageShare',component: PageShare
		}
  ]
})