vue-router

This is vue-router 3.0 which works only with Vue 2.0. For the 1.x router see the 1.0 branch.

Introduction

vue-router is the official router for Vue.js. It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze. Features include:

• Nested route/view mapping
• Modular, component-based router configuration
• Route params, query, wildcards
• View transition effects powered by Vue.js' transition system
• Fine-grained navigation control
• Links with automatic active CSS classes
• HTML5 history mode or hash mode, with auto-fallback in IE9
• Customizable Scroll Behavior

Get started with the documentation, or play with the examples (see how to run them below).

Development Setup

# install deps
npm install

# build dist files
npm run build

# serve examples at localhost:8080
npm run dev

# lint & run all tests
npm test

# serve docs at localhost:8080
npm run docs

Releasing

• yarn run release
  • Ensure tests are passing yarn run test
  • Build dist files VERSION=<the_version> yarn run build
  • Build changelog yarn run changelod
  • Commit dist files git add dist CHANGELOG.md && git commit -m "[build $VERSION]"
  • Publish a new version `npm version $VERSION --message "[release] $VERSION"
  • Push tags git push origin refs/tags/v$VERSION && git push
  • Publish to npm npm publish

Feat

• append component: router-views.

<router-views class="" view-class="" :appear="true" mode="out-in"></router-views>
<!-- 
'class' - Style of oneself
'view-class' - Style of subviews
'appear、mode' - Same with 'transition-group'
-->

• append methods: active()、close() on VueRouter.
• append var for instance on Vue: $view、$viewsCache

TabView View Controller can be implemented with $viewsCache, and the current tab can be activated with $view

• append options on VueRouter:

export interface RouterOptions
{
  views?:boolean | ViewsConfig;
}

type patternTypes = (String | RegExp | Array<string>)[];
export interface ViewsConfig
{
  include:patternTypes,
  exclude:patternTypes,
  // maximum number of view caches
  // beyond the max that will remove the first cache one by one
  max:Number
}

Questions

For questions and support please use the Discord chat server or the official forum. The issue list of this repo is exclusively for bug reports and feature requests.

Issues

Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

Changelog

Details changes for each release are documented in the release notes.

Stay In Touch

• For latest releases and announcements, follow on Twitter: @vuejs

License

MIT

Copyright (c) 2013-present Evan You

Special Thanks

Special thanks to BrowserStack for letting the maintainers use their service to debug browser specific issues.