vue路由完成页面跳转

在项目中会有页面跳转的功能，跳转不同的界面加载不同的内容，所以需要页面跳转。
（1）书写页面路由

import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeMain from '../components/home-main'
Vue.use(VueRouter)
  const routes = [
    {
      path: '/',
      redirect: '/home-main'
    },
    {
      path: '/home-main',
      component: HomeMain,
      children: [
        {
          path: '/news-list',
          component: () => import('../components/contributor/news-list.vue')
        },
        {
          path: '/integral-details',
          component: () => import('../components/contributor/integral-details.vue')
        },
        {
          path: '/course',
          component: () => import('../components/contributor/course.vue'),      
        },
        {
          path: '/topic/',
          component: () => impo