vue2创建页面导航代码

Vue2 可以使用 Vue Router 来创建页面导航。以下是一个基本的页面导航代码示例：

1. 首先，在命令行中使用以下命令安装 Vue Router：

npm install vue-router --save

2. 然后，在项目的入口文件中，导入 Vue Router 并创建一个路由实例：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    }
  ]
})

3. 在组件中，可以使用 `router-link` 来创建链接，使用 `router-view` 来渲染组件：

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

在上面的代码中，`router-link` 标签的 `to` 属性用于指定链接的路径，`router-view` 标签用于渲染对应的组件。

以上就是一个简单的 Vue2 页面导航的代码示例。