vue用页面返回用什么

在Vue中，可以使用路由进行页面返回。Vue路由是一种管理页面间导航的机制，可以通过前端路由来实现页面的跳转和返回操作。

首先，需要先引入Vue Router插件。可以通过npm安装Vue Router：

npm install vue-router

然后，在Vue的入口文件或者组件中引入Vue Router，并在Vue实例中注册：

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

Vue.use(VueRouter);

接下来，需要定义路由配置。可以在一个单独的路由文件（例如router.js）中定义路由：

import VueRouter from 'vue-router';

const routes = [
  {
    path: '/',
    component: Home
  },
  {
    path: '/about',
    component: About
  },
  // 其他路由配置
];

const router = new VueRouter({
  mode: 'history',
  routes
});

export default router;

在上面的代码中，定义了两个路由 path: '/' 和 path: '/about'，分别对应了两个组件 Home 和 About。

最后，在Vue实例中挂载路由：

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

new Vue({
  router,
  render: h => h(App),
}).$mount('#app');

现在，可以在Vue组件中使用 <router-link> 标签来实现页面间的跳转和返回操作。通过添加to属性来指定跳转或返回的目标路由：

<router-link to="/">首页</router-link>
<router-link to="/about">关于</router-link>

需要注意，通过 <router-link> 实现页面的跳转和返回，并不会重新加载整个页面，而是通过更新视图部分来显示新的组件。

通过上述步骤，我们就可以在Vue中使用前端路由来实现页面的返回操作。使用Vue Router，可以灵活地管理页面导航，实现前端路由功能，提升用户体验。

在Vue中，页面返回通常使用路由来实现。Vue提供了Vue Router来处理页面之间的切换和导航。

以下是在Vue中使用页面返回的几种常见方式和方法：

1. 使用Vue Router的router.push()方法进行页面跳转：

// 在组件中使用
this.$router.push('/path'); 

2. 使用router.go()方法进行页面后退：

// 在组件中使用
this.$router.go(-1); // 返回上一页
this.$router.go(1); // 前往下一页

3. 使用<router-link>组件进行页面跳转：

<router-link to="/path">返回</router-link>

4. 使用浏览器的history对象进行页面导航：

// 返回上一页
window.history.back(); 

5. 使用<script>标签中的window.location.href进行页面跳转：

// 跳转到指定路径
window.location.href = '/path';

这些方法都可以用来实现页面返回，具体使用哪种方式取决于项目的需求和使用场景。在使用Vue Router时，路由的配置和使用可以更加灵活地管理页面的导航和切换，可以根据需求来决定如何返回页面。

在Vue中，页面返回可以使用router来实现。具体步骤如下：

1. 安装Vue Router

在Vue项目中使用Vue Router需要先安装Vue Router库，可以使用npm或者yarn进行安装，示例命令如下：

$ npm install vue-router

2. 创建路由实例

在项目的根目录下创建一个新的文件，例如router.js，并在该文件中引入Vue和Vue Router，并创建一个新的路由实例。

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

Vue.use(VueRouter)

// 创建一个新的路由实例
const router = new VueRouter({
  routes: [
    // 配置路由
    // { path: '/home', component: Home },
    // { path: '/about', component: About }
  ]
})

// 导出路由实例
export default router

3. 配置路由

在路由实例中，我们需要配置路由的路径和对应的组件。在示例代码中的routes数组中添加路由配置项，例如：

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

其中，path为访问路径，component为对应的组件。例如，当访问'/home'时，将会加载Home组件。

4. 在Vue组件中使用路由

在需要使用页面返回功能的Vue组件中，可以通过添加router-link和router-view标签来显示对应的页面和路由链接。

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

其中，router-link用于生成路由链接，to属性表示链接的路径；router-view用于显示对应的组件。

5. 运行项目

在完成以上步骤后，可以通过运行项目来查看页面返回的效果。

$ npm run serve

当访问localhost:8080时，将会显示通过router-link生成的路由链接，点击链接可以切换对应的页面。