vue-router 单页面应用控制中心
获取参数用route,想要对路由进行一些操作则使用router。
对于单页面应用,没有页面的概念,就是通过组件的切换实现页面的跳转
1.路由的基本配置(router-view标签)
-
路由里有两个参数:
1.path是路径 :
'/home'
2.
component:()=>import(../views/home.vue)
-
一般都是采用懒加载,可以加快页面加载的速度,只有在这个组件被使用到的时候才进行加载
-
配置好router.js文件后,要使用路由则需要在入口文件(app.vue) 中引入(router-view)标签
2.路由的跳转(router-link标签)
-
router-link式跳转
在router.js中已经设置好路由数组routs后就可以使用router-link进行跳转,具体方法:
<router-link to='/home'></router-link>
-
编程式导航:函数式跳转(一般有登陆权限这种就可以使用,比如利用ajax获取到是用户还没有登录的信息,则可以跳转到登录页面,让用户登录)
-
1.在
<template></template>
中监听点击事件<template> <button
-