vue中编程式跳转中， 填空 1 属性可以操作路由跳转等， 填空 2 属性包含了当前路由信息

在 Vue 中，编程式跳转可以使用 `$router` 对象来进行路由导航。其中， `$router` 对象是 Vue Router 插件的实例，它提供了一些方法，可以用来进行路由导航操作。

填空 1：`$router.push`

`$router.push` 方法可以用来进行路由跳转，它接受一个参数，表示要跳转的路由路径。例如：

this.$router.push('/about')

上面的代码表示跳转到路由为 `/about` 的页面。

填空 2：`$route`

`$route` 对象包含了当前路由的信息，包括路由路径、参数、查询参数等。它可以直接访问，也可以通过 `$router` 对象访问。例如：

console.log(this.$route.path)  // 输出当前路由的路径
console.log(this.$router.currentRoute)  // 输出当前路由的信息

上面的代码分别输出了当前路由的路径和信息。注意，`$router.currentRoute` 返回的是一个包含当前路由信息的对象，可以通过该对象的属性来获取路由的各个信息。

相关问题

vue中路由系统中，使用 填空 1 标签作为占位符，利用 填空 2 标签实现跳转，其本质就是 填空 3 标签

填空1：动态路由

填空2：router-link

填空3：router-view

在 Vue.js 中，通常使用 Vue Router 来实现路由系统。其中，动态路由可以使用占位符来匹配不同的路由。在 Vue Router 中，可以使用 `:` 符号来定义动态路由，例如：

const router = new VueRouter({
  routes: [
    { path: '/user/:id', component: User }
  ]
})

在上面的例子中，`:id` 就是一个动态占位符，可以匹配不同的用户 ID。在实际使用中，可以使用 `router-link` 组件来实现路由跳转，例如：

<router-link :to="'/user/' + userId">User Profile</router-link>

在上面的例子中，`:to` 属性使用了动态绑定，可以根据 `userId` 的不同值生成不同的路由。最后，可以使用 `router-view` 组件来显示当前匹配的组件，例如：

<router-view></router-view>

在上面的例子中，`router-view` 组件会根据当前路由匹配到的组件来显示不同的内容。