vue-router 路由

来源:互联网 发布:heyden 分层标定算法 编辑:程序博客网 时间:2024/06/06 02:40

vue-router 路由配置

对于单页应用,官方提供了vue-router进行路由跳转的处理,通过npm安装包进行安装。

npm install vue-router --save-dev

基本用法

以连接的形式进行跳转

<router-link to="/login">登录</router-link>

建立一个路由器模块,主要进行配置和绑定相关信息

import Vue from 'vue'import Router from 'vue-router'import index from './app'import home from './home'Vue.use(Router);export default new Router({    routes: [        {            path:'/',            component: app,            children:[//子模块            {                path: '/home',                component: home            }]        }    ]})

路由对象,即$router会被注入每个组件中,可以利用它进行一些信息的获取。如

原创粉丝点击