1.0.5 • Published 5 years ago
vue-fancy-router v1.0.5
Vue Fancy Router
Vue Router Encapsulation for faster development. Based on Laravel's Router.
Instalation
npm install vue-fancy-router --save
yarn add vue-fancy-router
bower install vue-fancy-router --save
Usage
File router.js
var Router = require('vue-fancy-router');
// Optional, allows you to use components without importing them
var viewsHandler = (component) => {
return require(`./views/${component}`).default;
};
// Optional
var options = { mode: 'history' };
var Route = new Router(options, viewsHandler);
Route.add('/', 'WrapperComponent').children(() => {
Route.add('', 'HomeComponent', 'home');
Route.group('/post', [ AuthGuard ], () => {
Route.add('', 'PostListComponent');
Route.add(':id', 'PostComponent');
Route.add('create', 'NewPostComponent');
});
});
exports.router = Route.build();
File main.js
var Vue = require('vue');
var VueRouter = require('vue-router');
var router = require('./router');
Vue.use(VueRouter);
var app = new Vue({
router: new VueRouter(router)
});
Documentation
WIP
Test
npm run test