this.$mRoutr怎么用
时间: 2024-05-10 11:17:14 浏览: 74
this指针的使用
this.$mRoutr 是 Vue Router 在 Vue.js 中的实例,可以用来进行页面的路由跳转。具体使用方法如下:
1. 在 Vue 实例中导入 Vue Router:
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
```
2. 在 Vue 实例中创建路由对象:
```javascript
const router = new VueRouter({
routes: [
// 配置路由信息
]
})
```
3. 在 Vue 实例中挂载路由对象:
```javascript
new Vue({
router,
render: h => h(App)
}).$mount('#app')
```
4. 在组件中使用 this.$mRoutr 进行路由跳转:
```javascript
// 使用路由名称进行跳转
this.$mRoutr.push({ name: 'home' })
// 使用路由路径进行跳转
this.$mRoutr.push('/home')
```
其中,push 方法可以用来跳转到指定的页面,参数可以是一个对象,也可以是一个字符串。如果是一个对象,可以指定路由名称或路由路径进行跳转;如果是一个字符串,会自动解析为路由路径进行跳转。除了 push 方法,还有 replace、go、back 等常用的路由方法可以使用。
阅读全文