ktsn / Vue Auto Routing
Licence: mit
Generate Vue Router routing automatically
Stars: ✭ 196
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Vue Auto Routing
Vue Tiny Code
这里有一个仿 Chrome 调色盘,有一个拖动排版的页面,还有一些新奇的小点子。
Stars: ✭ 170 (-13.27%)
Mutual labels: vue-router
Lamp Web
lamp-web 的前身是zuihou-ui + zuihou-admin-ui,从3.0.0版本开始,将2个系统合并为lamp-web,它是lamp项目的其中一员。lamp-web 是 lamp-cloud 和 lamp-boot 2个后台项目共用的管理后台,仅需在启动时调整vue.config.js文件中的代理。它基于vue element admin构建。
Stars: ✭ 177 (-9.69%)
Mutual labels: vue-router
Workerize Loader
🏗️ Automatically move a module into a Web Worker (Webpack loader)
Stars: ✭ 2,135 (+989.29%)
Mutual labels: webpack-plugin
Emojify Webpack Plugin
🦄 Turn your code into emoji
Stars: ✭ 178 (-9.18%)
Mutual labels: webpack-plugin
Vuesocial
something like QQ、weibo、weChat(vue+express+socket.io仿微博、微信的聊天社交平台)
Stars: ✭ 189 (-3.57%)
Mutual labels: vue-router
Mmf Blog Vue2 Ssr
mmf-blog-vue2 ssr(The service side rendering)
Stars: ✭ 174 (-11.22%)
Mutual labels: vue-router
Antd Scss Theme Plugin
A Webpack plugin for customizing Ant Design with an SCSS theme file and using Ant Design's compiled variables in SCSS files throughout your project.
Stars: ✭ 176 (-10.2%)
Mutual labels: webpack-plugin
Vue Cheatsheet
Modified version of the official VueMastery cheatsheet
Stars: ✭ 188 (-4.08%)
Mutual labels: vue-router
Eth Vue
Featured in Awesome Vue [https://github.com/vuejs/awesome-vue], a curated list maintained by vuejs of awesome things related to the Vue.js framework, and Awesome List [https://awesomelists.net/150-Vue.js/3863-Open+Source/18749-DOkwufulueze-eth-vue], this Truffle Box provides everything you need to quickly build Ethereum dApps that have authentication features with vue, including configuration for easy deployment to the Ropsten Network. It's also Gravatar-enabled. Connecting to a running Ganache blockchain network from Truffle is also possible -- for fast development and testing purposes. Built on Truffle 5 and Vue 3, eth-vue uses vuex for state management, vuex-persist for local storage of app state, and vue-router for routing. Authentication functionalities are handled by Smart Contracts running on the Ethereum blockchain.
Stars: ✭ 171 (-12.76%)
Mutual labels: vue-router
Vue Routisan
Elegant, fluent route definitions for Vue Router, inspired by Laravel. v3 is currently in beta. [email protected]
Stars: ✭ 193 (-1.53%)
Mutual labels: vue-router
Lvyou
🎒Vue.js 初步进阶案例,路由懒加载,进入页面前登录判断,返回导航判断,RestAPI接口使用,组件封装,Vuex状态封装,keep-alive页面缓存等功能
Stars: ✭ 195 (-0.51%)
Mutual labels: vue-router
Vue Electron
vue-blog client,base on vue-electron,axios, vuex, vue-router.
Stars: ✭ 193 (-1.53%)
Mutual labels: vue-router
Preload Webpack Plugin
Please use https://github.com/vuejs/preload-webpack-plugin instead.
Stars: ✭ 2,174 (+1009.18%)
Mutual labels: webpack-plugin
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
Requirements
- webpack >= v4.0.0
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
- vue-cli-plugin-auto-routing: Vue CLI plugin including auto pages and layouts resolution.
- vue-router-layout: Lightweight layout resolver for Vue Router.
- vue-route-generator: Low-level utility generating routing which vue-auto-routing using under the hood.
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].