要完成页面的跳转,需要在这几个文件下操作: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
}
]
})