vue-router
Visual Studio Code
Our great sponsors
vue-router | Visual Studio Code | |
---|---|---|
46 | 2824 | |
19,013 | 157,310 | |
-0.0% | 1.3% | |
5.3 | 10.0 | |
6 days ago | 4 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vue-router
-
Build complex SPAs quickly with vue-element-admin
//src/router /* eslint-disable */ import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) import Layout from '@/layout' export const constantRoutes = [ { path: '/redirect', component: Layout, hidden: true, children: [ { path: '/redirect/:path(.*)', component: () => import('@/views/redirect/index') } ] }, { path: '/login', component: () => import('@/views/login/index'), hidden: true }, { path: '/auth-redirect', component: () => import('@/views/login/auth-redirect'), hidden: true }, { path: '/404', component: () => import('@/views/error-page/404'), hidden: true }, { path: '/401', component: () => import('@/views/error-page/401'), hidden: true }, { path: '/', component: Layout, redirect: '/dashboard', children: [ { path: 'dashboard', component: () => import('@/views/dashboard/index'), name: 'Dashboard', meta: { title: 'Dashboard', icon: 'dashboard', affix: true } } ] }, { path: '/posts', component: Layout, children: [ { path: 'index', component: () => import('@/views/posts/index'), name: 'Posts', meta: { title: 'Posts', icon: 'post', affix: true } } ] }, { path: '/profile', component: Layout, redirect: '/profile/index', hidden: true, children: [ { path: 'index', component: () => import('@/views/profile/index'), name: 'Profile', meta: { title: 'Profile', icon: 'user', noCache: true } } ] } ] /** * asyncRoutes * the routes that need to be dynamically loaded based on user roles */ export const asyncRoutes = [ // 404 page must be placed at the end !!! { path: '*', redirect: '/404', hidden: true } ] const createRouter = () => new Router({ scrollBehavior: () => ({ y: 0 }), routes: constantRoutes }) const router = createRouter() // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465 export function resetRouter() { const newRouter = createRouter() router.matcher = newRouter.matcher // reset router } export default router
This project uses Vue Router 3. Here, we have two types of routes: asyncRoutes and constantRoutes.
-
How to make Vite not unload the previous route
https://github.com/vuejs/vue-router/issues/703 https://github.com/vuejs/rfcs/blob/master/active-rfcs/0036-router-view-route-prop.md https://github.com/vuejs/vue-router/issues/703#issuecomment-428123334
-
In One Minute : Vue.js
What makes Vue particularly powerful, however, is that it can be built upon, increasing its functionality from a simple view-model library to that of a fully fledged JavaScript framework capable of powering entire SPA's via supporting plugins and libraries such as Vue Router, Vue Resource, and Vuex.
-
Workplaces for digital nomads: the frontend
A simple src/router/index.js router based on vue-router allows you to avoid utilising the store for now (with the current project capabilities) and helps with 404 error handling.
-
Creating a Next-like layout system in Vue
So to start, in the land of Vue we use Vue Router for routing. It is a first party plugin and solves all your routing needs, providing both Web History and Hash based routing. Additionally, it supports nested routes and router views.
-
Introduction to the VueJs Framework
Vue has a wide range of use cases that span the whole scale of front-end development. We can use it to add a bit of dynamism into an existing web app, such as adding a simple carousel or content that changes on user interaction e.g mouse movements or text input to creating complex web apps such as e-commerce stores with multiple categories and product pages supporting routing, browser-based data storage via Vue's own libraries such as the vue-router and vuex with features such as a cart, external API call requests and so forth.
-
Create a Real-Time Food Ordering Notification Service in Vue.js
We run this terminal command to enable our application to use Vue Router.
- Meta Is Transferring Jest to the OpenJS Foundation
-
Build an Online Course Site with Vue
We’ll also need Vue Router for setting up the course pages.
Visual Studio Code
-
Qilin: A Starter Project Template For Every Open Source Project
The VSCode project has an incredibly detailed document detailing how to contribute.
TIP: Depending on the length of your README, including a table of contents here would be a great addition. You can do this manually, or if you are using VSCode, you can add a TOC that automatically updates as you edit the file using the Markdown All-In-One plugin.
-
What is VSCodium ? Better than VS code ?
https://github.com/Microsoft/vscode/issues/60#issuecomment-161792005
-
Free Resources Every Web Developer Should Know About
Visual Studio Code (https://code.visualstudio.com/)
-
Hosting an Angular application in a Docker container on Amazon EC2 deployed by Amazon ECS
IDE (e.g. Visual Studio Code or WebStorm): IDE (Integrated Development Environment) is a tool with a graphical interface to help in the development of applications and it will be used to develop the Angular application.
-
Groovy 🎷 Cheat Sheet - 01 Say "Hello" from Groovy
I personally prefer VS Code. But for Groovy, it didn't offer the right extensions.
-
How to access Neon Postgres from AWS Lambda functions via serverless driver
A code editor. This article’s demo was built with Visual Studio Code.
-
Release Radar • February 2024 Edition
The Electron framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on Node.js and Chromium and is used by the Visual Studio Code and many other apps.
-
An HTML Switch Control
Sure, like many things, and you should because it's going to be hardware accelerated, but in practice people don't: https://github.com/Microsoft/vscode/issues/22900
-
Installing Postman Extension on Visual Studio Code (VSCode)
Visual Studio Code: Make sure you have VSCode installed on your device. You can download it from https://code.visualstudio.com/
What are some alternatives?
thonny - Python IDE for beginners
reactide - Reactide is the first dedicated IDE for React web application development.
Spyder - Official repository for Spyder - The Scientific Python Development Environment
doom-emacs - An Emacs framework for the stubborn martian hacker [Moved to: https://github.com/doomemacs/doomemacs]
KDevelop - Cross-platform IDE for C, C++, Python, QML/JavaScript and PHP
vscodium - binary releases of VS Code without MS branding/telemetry/licensing
logseq - A local-first, non-linear, outliner notebook for organizing and sharing your personal knowledge base. Use it to organize your todo list, to write your journals, or to record your unique life.
awesome-wayland - A curated list of Wayland code and resources.
Atom - :atom: The hackable text editor
telescope.nvim - Find, Filter, Preview, Pick. All lua, all the time.
SharpDevelop
HomeBrew - 🍺 The missing package manager for macOS (or Linux)