关于“uni-app常用的几种页面跳转方式总结”，我可以给出一份完整攻略，并介绍两种具体的示例。

uni-app常用的几种页面跳转方式总结

一、vue-router

vue-router 是 vue.js 官方的路由插件。在 uni-app 中，我们可以通过引入 vue-router 并为每个页面指定路由，来进行页面间的跳转。

具体操作步骤如下：

1. 安装 vue-router

在项目根目录下，通过 npm 安装 vue-router。

npm install vue-router --save

2. 配置路由

在 src 目录下新建一个 router.js 文件，并配置相关路由信息。示例如下：

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import About from '@/components/About'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

3. 引入路由

在 main.js 文件中引入路由。

import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
  ...App,
  router
})
app.$mount()

4. 页面跳转

在页面中通过路由名或路径进行跳转。示例如下：

<template>
  <view>
    <button @click="goHome">跳转到首页</button>
    <button @click="goAbout">跳转到关于页</button>
  </view>
</template>

<script>
export default {
  methods: {
    goHome() {
      this.$router.push({name: 'home'})
    },
    goAbout() {
      this.$router.push({path: '/about'})
    }
  }
}
</script>

二、uni-app 路由封装

为了方便在 uni-app 中进行页面跳转，我们可以对 vue-router 进行封装，以简化跳转流程。

具体操作步骤如下：

1. 创建封装文件

在项目的 utils 目录下创建 router.js 文件，用于封装路由。

const router = {
  navigateTo(params) {
    uni.navigateTo({
      url: `/pages/${params.url}/${params.url}`
    })
  },
  redirectTo(params) {
    uni.redirectTo({
      url: `/pages/${params.url}/${params.url}`
    })
  },
  reLaunch(params) {
    uni.reLaunch({
      url: `/pages/${params.url}/${params.url}`
    })
  },
  switchTab(params) {
    uni.switchTab({
      url: `/pages/${params.url}/${params.url}`
    })
  },
  navigateBack(delta) {
    uni.navigateBack({
      delta: delta ? delta : 1
    })
  }
}

export default router

2. 页面跳转

在页面中通过封装的路由函数进行跳转。示例如下：

<template>
  <view>
    <button @click="goHome">跳转到首页</button>
    <button @click="goAbout">跳转到关于页</button>
  </view>
</template>

<script>
import router from '@/utils/router'

export default {
  methods: {
    goHome() {
      router.navigateTo({
        url: 'home/home'
      })
    },
    goAbout() {
      router.navigateTo({
        url: 'about/about'
      })
    }
  }
}
</script>

在以上示例中，我们针对 uni-app 常用的两种页面跳转方式进行了介绍和示例说明。其他跳转方式，如跳转到 webview、跳转到原生应用等，大同小异，请开发者根据实际需要进行选用。