vue2 点击某一个路由 出现新页面 怎么写

要实现点击某个路由跳转到新页面，需要使用 Vue Router。

首先，在 `router/index.js` 文件中定义路由，例如：

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({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

其中，`Home.vue` 和 `About.vue` 分别是两个组件。然后，在主组件中，使用 `<router-link>` 标签来生成路由链接，例如：

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

这样，点击链接后就会跳转到 `About.vue` 组件对应的页面。同时，需要在主组件的模板中加入 `<router-view>` 标签，用于显示当前路由对应的组件，例如：

<template>
  <div>
    <h1>App</h1>
    <router-view></router-view>
  </div>
</template>

这样，就可以实现点击路由跳转到新页面的功能了。