vue如何跳转到新页面

在 Vue 中可以使用 `router-link` 或 `router.push` 来实现跳转到新页面。

1. 使用 `router-link`:

<router-link to="/newpage">跳转到新页面</router-link>

2. 使用 `router.push`:

this.$router.push('/newpage');

需要注意的是，使用 `router-link` 可以直接在模板中使用，而 `router.push` 则需要在组件中使用。另外，在使用 `router.push` 的时候，需要在组件中先引入 `vue-router`，并且通过 `this.$router` 来访问路由对象。

相关问题

vue跳转到新页面后并执行函数

在 Vue.js 中，可以使用 `mounted` 钩子函数来在挂载组件之后执行函数。具体来说，可以在组件中通过 `$router.push` 方法实现页面跳转，并在跳转后的组件中使用 `mounted` 钩子函数来执行需要的函数。

示例代码如下：

// 跳转到新页面
this.$router.push('/new-page')

// 在新页面中执行函数
export default {
  mounted() {
    this.doSomething()
  },
  methods: {
    doSomething() {
      // 执行需要的函数
    }
  }
}

在上面的示例代码中，我们使用 `$router.push` 方法来跳转到新页面，然后在新页面的组件中使用 `mounted` 钩子函数来执行需要的函数。在实际应用中，可以根据自己的需求来调整需要执行的函数和跳转的方式。

vue怎么跳转到新页面

在Vue中，可以通过以下方式跳转到新页面：

1. 使用vue-router插件进行路由跳转

在Vue.js中，使用vue-router插件可以方便地进行页面路由。使用vue-router插件可以通过以下方式进行页面跳转：

// 引入vue-router插件
import VueRouter from 'vue-router';
// 定义路由
const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
  { path: '/contact', component: Contact }
];
// 创建路由实例
const router = new VueRouter({
  routes
});
// 在Vue实例中使用路由
new Vue({
  router
}).$mount('#app');

在上述代码中，首先要引入vue-router插件。然后定义路由，包括路径和对应的组件。接着创建路由实例，并在Vue实例中使用路由。

在Vue组件中，可以通过以下方式进行页面跳转：

<router-link to="/about">About</router-link>

使用`<router-link>`标签，并设置`to`属性为跳转路径即可。

2. 使用window对象进行页面跳转

在Vue.js中，可以通过window对象进行页面跳转。使用window对象可以通过以下方式进行页面跳转：

window.location.href = 'http://www.example.com';

在上述代码中，设置window.location.href属性为跳转路径即可。