https://github.com/luojilab/vue-stack-router

Vue Stack Router
https://github.com/luojilab/vue-stack-router

router vue vue-stack-router vuestackrouter

Last synced: 7 days ago
JSON representation

Vue Stack Router

• Host: GitHub
• URL: https://github.com/luojilab/vue-stack-router
• Owner: luojilab
• License: mit
• Created: 2019-02-18T08:51:31.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-30T18:38:43.000Z (almost 2 years ago)
• Last Synced: 2023-11-07T16:13:31.688Z (about 1 year ago)
• Topics: router, vue, vue-stack-router, vuestackrouter
• Language: TypeScript
• Homepage: https://luojilab.github.io/vue-stack-router
• Size: 1.53 MB
• Stars: 159
• Watchers: 12
• Forks: 13
• Open Issues: 28
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# vue-stack-router

## 介绍

vue-stack-router 是一个 [Vue](https://vuejs.org) 路由管理器的社区解决方案，针对**移动端**而设计，支持对页面进行栈式的管理，主要有以下功能：

- 栈式的路由管理

- 声明式的路由配置

- 路由query、parameter

- 路由间数据传递

- 细粒度、可定制的路由过渡效果

## 安装

```shell

npm i vue-stack-router -S

```

## 使用

```js

import Vue from 'Vue';

import { Router, BrowserDriver, installer } from 'vue-stack-router';

import Home from './components/Home.vue';

import Detail from './components/Detail.vue';

const routes = [

  {

    name: 'home',

    path: '/',

    component: Home

  },

  {

    name: 'detail',

    path: '/detail',

    component: Detail

  }

];

const driver = new BrowserDriver({ mode: 'hash' });

const router = new Router({ routes }, driver);

Vue.use(installer, { router });

```

## 适用场景

- 移动端、PWA

- 客户端中由 Web 承担的 hybrid 部分

## 文档

[文档](https://luojilab.github.io/vue-stack-router/)

## License

[MIT](./LICENSE.md)