npm-pkg
@npkg/vue-router 
This is
vue-router3.0Extended version which works only withVue 2.0. For theVue3.0router see the npm-pkg/vue-router@next. The extension supports automatic jump to external link
View Chinese document
Quickstart
Via CDN:
<script src="https://unpkg.com/@npkg/vue-router"></script>Add it to an existing Vue Project:
npm install @npkg/vue-router | yarn add @npkg/vue-router
Usage
Replace all places of
vue-routerwith@npkg/vue-router
Create routing instance
//# /src/router/index.js
/*
* Old code
*/
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
// Create routing instance
export default new Router({
mode: 'history',
routes: [
...
]
})
//---------------------------------
// replace with the following code
//-----------------------------------
/*
* New code
*/
import Vue from 'vue'
import Router from '@npkg/vue-router'
Vue.use(Router)
// Create routing instance
export default new Router({
mode: 'history',
routes: [
...
]
})
Based on the original Vue router, it additionally supports the following writing methods
// Basic usage
<router-link to="/"></router-link>
<router-link to="/list"></router-link>
<router-link to="https://github.com/npm-pkg/vue-router"></router-link>
<router-link to="https://github.com/npm-pkg/vue-router?author=five-great"></router-link>
<router-link to="https://github.com/npm-pkg/vue-router/tree/v3.5.3#readme"></router-link>
//Advanced Usage
<router-link :to="{path: '/'}"></router-link>
<router-link :to="{path: '/list'}"></router-link>
<router-link :to="{path:'https://github.com/npm-pkg/vue-router'}"></router-link>
<router-link :to="{path:'https://github.com/npm-pkg/vue-router', query:{author: 'five-great'}}"></router-link>
<router-link :to="{path:'https://github.com/npm-pkg/vue-router/tree/v3.5.3',hash:'#readme'}"></router-link>
<router-link :to="{path:'https://github.com/:org/:repo',params:{org:'npm-pkg',repo: 'vue-router'}}"></router-link>
<router-link :to="{path:'https://github.com/:org/:repo/tree/:v',query:{author: 'five-great'},params:{org:'npm-pkg',repo: 'vue-router',v:'v3.5.3'},hash:'#readme'}"></router-link>
Get started with the documentation.
Contact
Email fivecc@qq.com
CSDN Five-菜鸟级