Vue 路由的router 路由守卫 阻止路由跳转 让其跳到固定的位置

 

​

1.首先创建好根组件

// 根组件

let a = new Vue({

el: "#app",

data: {

},

methods: {

},

// 组件中心

// 创建好的子组件定义

components: {

}

})

2.然后将根组件渲染在视图层

<div id="app">

</div>

3.创建子组件

// 子组件（子实例）

let Index = {

template:`#index`

}

let Login = {

template:`#login`

}

let One = {

template:`#one`

}

let User = {

template:`#user`

}

4.然后再