如何在Vue中使用路由实现页面跳转？

npm install vue-router

import Vue from 'vue'import App from './App.vue'import router from './router'new Vue({  el: '#app',  router,  render: h => h(App)})

import Vue from 'vue'import Router from 'vue-router'import Home from './views/Home.vue'import About from './views/About.vue'Vue.use(Router)export default new Router({  mode: 'history',  routes: [    {      path: '/',      name: 'home',      component: Home    },    {      path: '/about',      name: 'about',      component: About    }  ]})

<template>  <div id="app">    <router-view></router-view>  </div></template>

<template>  <div>    <h1>Home</h1>    <router-link to="/about">Go to About</router-link>  </div></template>

<template>  <div>    <h1>About</h1>    <router-link to="/">Go back to Home</router-link>  </div></template>

methods: {  goToAbout() {    this.$router.push('/about')  }}