页面跳转 router-link

给文字添加链接

<template><div><router-link to="">转向A页面</router-link><router-link to="">转向B页面</router-link></div>
</template>

index.js

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import First from '@/components/first'
import A from '@/components/A'
import B from '@/components/B'Vue.use(Router)export default new Router({routes: [{path: '/',name: 'First333',component: First},{path: '/a',component: A},{path: '/b',component: B}]
})

first.vue

<template><div><router-link to="/a">C罗</router-link><router-link to="/b">梅西</router-link></div>
</template>

a.vue

<template><div><p>尤文图斯</p><p><router-link to = "/">返回</router-link></p></div>
</template>

b.vue

<template><div><p>巴塞罗那</p><p><router-link to = "/">返回</router-link></p></div>
</template>