简单的路由使用方法: 引入vue-router 引入Vue 创建vue-router对象 定义路由中的组件
import Vue from "vue";
import VueRouter from "vue-router"
import home from "../view/index/index.vue"
import login from "../view/login/login.vue"
Vue.use(VueRouter);
const routes = [
{
path:"/home",
component:home,
},
{
path:"/login ",
component:login,
},
]
var router = new VueRouter({
routes,
})
export default router;
使用 new VueRouter() 构造函数 创建出来的对象 可以设置beforeEach 方法 设置了该方法后每一次的路由跳转都会回调该方法 并且有该方法中的next函数来最终决定要不要跳转
var router = new VueRouter({
routes,
})
router.beforeEach((to,from,next)=>{((to,from,next)=>{
});
该方法在回调是会有三个参数 to from next
to 表示目标路由对象
form 表示当前要离开到的路由对象
next是一个函数 只有调用该函数才会真正的路由跳转 否则不会跳转
原创©本文章为李家霖原创,未经许可,禁止转载
0条评论