vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,
原创
2023-05-15 00:11:54
3198阅读
一、背景现在很多公司的vue项目都是一套模板加平台配置系统。角色权限、菜单名称、菜单图标都可以在平台配置系统上傻瓜式配置。笔者这篇文章主要讲解其中的动态路由,如果你是一位前端工程师,我想你会渴望知道其中的代码是如何实现的,如果你是后端工程师,希望我下面的代码不是那么晦涩难懂。另外我很欣赏你爱学习的精神。话不多说下面就是干货了~二、代码实现为了更方便的学习,笔者模拟了后端的接口数据,你可以复制粘贴直
,天天和你一起进步上篇文章为大家讲述了 Spring Boot +
原创
2021-08-05 16:37:59
1825阅读
一开始我还以为vue的路由只能用在工程化的项目里面呢,然后研究了一下才发现,在脚本化里面也是可以用的。其实呢不管在哪里用,把原理研究明白就对了。 一、 官网demo 这里不得不吐槽一下官网,写的不清不楚的,在哪里使用都没有说清楚,几行代码一句话就轻飘飘的交代完事了,剩下的事情还得自己研究,比如 HTML5 History API 是怎么回事。这里又涉及了一个问题,想要用好vue,必须
原创
2021-04-24 23:07:33
408阅读
1. element Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与时间成本。在这个月的 NingJS 上我们开源了这个项目,当时它的文档还没有准备好。今天,经过两周多的完善, Element UI 的文档正式上线啦!目前它处于 rc 阶段,正式版将于 Vue 2.0 发布后第一时间跟进。 欢迎大
转载
2023-10-23 20:42:38
26阅读
这段时间研究了 Vue 和 Koa2,想把二者结合起来,Vue 作为前端框架,Koa2 作为后端框架,如何打通前后端的数据通过,需要解决跨域问题,现将其中的一些关键配置记录下来,供大家参考:本篇文章主要内容:· 新建 Vue 前端项目· 新建 Koa2 后端项目· 解决跨域问题,实现前端接收后端发来的数据 教程所用的项目目录名称(名称可以任意):|-- vue-mall-mo
转载
2023-08-12 22:35:04
100阅读
一、背景主要介绍如何使用后端Django + 前端Vue 的技术栈快速地搭建起一套web项目的框架。 为什么使用Django和Vue?Django是Python体系下最成熟的web框架之一,由于Python语言的易用性和受众面广,Django框架也因其能够快速开发网站应用的特性成为了中小型网站开发框架首选。Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可
转载
2023-07-03 20:57:34
166阅读
目录目录1:拦截器(Interceptor)1.1:拦截器代码实现1.2:拦截器源码分析和流程总结2:过滤器(Filter)、自定义(Servlet)、监听器(Listener)3:文件上传3.1:文件上传代码实现3.2:文件上传源码分析4:整合druid数据源4.1:整合德鲁伊4.2:德鲁伊监控页面5:Spingboot指标监控5.1:为什么能实现指标监控5.2:怎么能实现指标监控6:整合myb
设计网站的URL提高欢迎参加更系统化的Spring MVC实战入门练习,从零开始搭建一个完整的博客系统请参考天码营学员的成长和作品现代的Web站点都会设计一套拥有明确意义,方便用户记忆的URL,不论是域名还是路径,以天码营为例:http://tianmaying.com/courses表示网站下所有的课程列表http://tianmaying.com/course/web-development表
在单页应用中常常要用到路由。传统的页面跳转是浏览器请求新的页面,渲染整个新的页面。单页应用是把要跳转的页面的以组件的形式集成在当前页面中,跳转时浏览器不用发起新请求,因为目标页面是当前页面的一部分,直接显示目标页面那一部分即可。 demo 在单页应用中使用路由1、下载路由插件npm install vue-router -Sinstall可以简写为i我们要使用的是里面的vue-router.
转载
2021-05-10 17:55:19
190阅读
2评论
1.安装vue-router npm install vue-router --save 在package.json文件中可以看到vue-router的版本号 2.创建 router.js 文件。使用 Vue Router 一共需要4步: 2.1 引入 vue-router // 在 router. ...
转载
2021-07-16 15:51:00
149阅读
2评论
1.创建vue项目 2.在src目录下创建router文件夹 创建index.js 3.在main.js中加入router 4.在app中展示router ...
转载
2021-07-27 16:56:00
82阅读
2评论
基本使用 1、安装vue-router,命令:npm i vue-router 2、在main.js中应用插件: //引入VueRouter import VueRouter from 'vue-router' //应用插件 Vue.use(VueRouter) 3、编写router配置项 //引入 ...
转载
2021-08-22 14:02:00
153阅读
2评论
route:首先它是个单数,译为路由,即我们可以理解为单个路由或者某一个路由;routes:它是个复数,表示多个的集合才能为复数;即我们可以理解为多个路由的集合,JS中表示多种不同状态的集合的形式只有数组和对象两种,事实上官方定义routes是一个数组;所以我们记住了,routes表示多个数组的集合;router:译为路由器,上面都是路由,这个是路由器,我们可以理解为一个容器包含上述两个或者说它
转载
2020-08-17 15:41:00
99阅读
2评论
vue路由
原创
2023-01-30 16:15:07
113阅读
vue路由:什么是路由,vueRouter介绍,组件存放目录,路由封装,声明式导航,编程式导航,路由重定向,路由任意匹配
1.打开终端输入npm install vue-router进行Vue Router 的安装 2.添加路由 3.为了简便main.js里面的代码,可以在src目录创建一个router.js进行统一管理(然后在router.js写的内容,要在main.js写一下引入) 最后渲染两个页面 ...
转载
2021-09-08 18:46:00
738阅读
2评论
1.打开终端输入npm install vue-router进行Vue Router 的安装 2.添加路由 3.为了简便main.js里面的代码,可以在src目录创建一个router.js进行统一管理(然后在router.js写的内容,要在main.js写一下引入) 最后渲染两个页面 ...
转载
2021-09-08 18:46:00
287阅读
2评论
目前在做一个后台管理系统,项目要求在页面右上角加上一个刷新图标按钮,点击按钮时刷新页面。 对于页面刷新个人知道这几种方式 1.利用vue的路由跳转: this.$router.go(0) 这种方式的刷新方式利用了路由特性,优点很明显,方便。一行代码即可搞定,但是呢,缺点也很致命:页面会一瞬间的白屏,体验不是很好。在当前的项目需求中不适合 2.location对象的reload方法: locatio
概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。 那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由 1).后端路由是由服务器端进行实现,并完成资源的分发 后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由 2).前端路由是依靠hash值(锚链接)的变化进行实现