Skip to content
Generate Vue Router routing automatically
Branch: master
Clone or download
Latest commit bf49bda Sep 26, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
src
test chore: bump vue-route-generator Sep 26, 2018
.gitignore chore: avoid committing fixture pages in vcs Jul 14, 2018
.prettierignore
.prettierrc.yml
LICENSE
README.md
index.d.ts
package-lock.json
package.json 0.3.0 Sep 26, 2018
tsconfig.json update typescript target Jul 14, 2018
tslint.json

README.md

vue-auto-routing

Generate Vue Router routing automatically.

You may want to use vue-cli-plugin-auto-routing which includes all useful features on routing.

Installation

$ npm install -D vue-auto-routing

Usage

vue-auto-routing resolves Vue Router routing automatically by using vue-route-generator. The routes are generated with the same rules with Nuxt routing.

To use this, you import vue-auto-routing and pass it into Vue Router constructor options.

// Import generated routes
import routes from 'vue-auto-routing'

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  // Pass the generated routes into the routes option
  routes
})

You also need to add a webpack plugin vue-auto-routing provides. The plugin options are the same as vue-route-generator options

// webpack.config.js

const VueAutoRoutingPlugin = require('vue-auto-routing/lib/webpack-plugin')

module.exports = {
  // ... other options ...

  plugins: [
    new VueAutoRoutingPlugin({
      // Path to the directory that contains your page components.
      pages: 'src/pages',

      // A string that will be added to importing component path (default @/pages/).
      importPrefix: '@/pages/'
    })
  ]
}

Related Projects

License

MIT

You can’t perform that action at this time.