vue-cli创建的项目如何使用路由方式实现页面跳转——重点

一、

const routes = [
// 下面两个花括号里因为创建项目自带没删，就注释掉
// {
// path: '/',
// name: 'Home',
// component: Home
// },
// {
// path: '/about',
// name: 'About',
// // route level code-splitting
// // this generates a separate chunk (about.[hash].js) for this route
// // which is lazy-loaded when the route is visited.
// component: () => import(/ webpackChunkName: "about" / '../views/About.vue')
// },

// 下面两个花括号里用于通过名字点击跳转
{

  path: '/search',
  name: 'search',
  component: search

},
{

  path: '/home',
  name: 'home',
  component: home

},