vue-router 单页面应用控制中心

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