Vue Router 路由实现原理 一、概念 通过改变 URL，在不重新请求页面的情况下，更新页面视图。 二、实现方式 更新视图但不重新请求页面，是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现主要有2种方式： 1.Hash --- 利用 URL 中的hash("#"); 2.利用 History interface 在H
Vue路由配置和使用项目中引入路由模块yarn安装vue-router插件yarn add vue-router在项目目录中新建’route’文件夹，新建index.js和routes.jsroutes文件用于建立建立路由表，方便管理//引入需要的路由文件,页面都存放在view文件夹中
import Father from '../../view/father.vue'
import Son fr
转载
2024-09-02 10:34:47
331阅读
1、Vue路由，路由的基本概念与原理。
答：1）、路由是一个比较广义和抽象的概念，路由的本质就是对应关系。2）、在开发中，路由分为，后端路由和前端路由。3）、后端路由，根据不同的用户URL请求，返回不同的内容。后端路由的本质就是URL请求地址与服务器资源之间的对应关系。后端路由根据不同的URL地址分发不同的资源。4）、前端路由，根据不同的用户事件，显示不同的页面内容。本质就是用户事件与事件处理函数
转载
2020-04-24 22:00:00
148阅读
前端路由路由器的功能：在数据通信时帮你选择通信的路线 在vue中的路由，能够帮助我们在一个vue组件中实现其他组件的相互切换。 也就是说，可以通过路由模块，将制定的组件显示在路由视图中。安装路由模块npm install vue-router -s设计路由界面创建静态路由表 在src中创建router.jsimport Home from './views/Home'
import produce
转载
2024-04-02 07:24:32
354阅读
一.前端路由介绍: 路由就是指随着浏览器地址栏的变化，展示给用户的页面也不相同。 传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大，而且用户访问速度也比较慢
本人是一名java后端工程师，由于这两年java过于内卷，从业人员越来越多，然后呢公司丢给了我一个低代码的开发平台-jeecgboot框架的，下面介绍我这些时间写vue的一些想法。 jeecgboot的前端集成了ant，所以我也去学习了ant，总的来说ant还是一款比较优秀的ui框架，对于后台管理系统做的设计都很漂亮,(ant文档地址:Ant Design V
转载
2024-05-30 07:54:33
65阅读
感受前端路由1、简介2、HTML页面使用路由1、简介传统的Web应用程序不同页面间的跳转都是向服务器发起请求，服务器处理请求后向浏览器推送页面。在单页应用程序中，不同视图(组件的模板)的内容都是在同一个页面中渲染，页面间的跳转都是在浏览器端完成，这就需要用到前端路由。
原创
2023-02-13 11:42:26
198阅读
全部缓存<keep-alive> <router-view></router-view></keep-alive>缓存单个指定路
原创
2022-12-13 10:25:05
260阅读
一.什么是路由：1.理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。2.前端路由：key是路径，value是组件。二.基本使用：1.安装vue-router，命令：npm i vue-router2.应用插件：Vue.use(VueRouter)3.编写router配置项：4.实现切换5.指定展示位置<router-vie
转载
2023-07-05 17:00:36
472阅读
路由(英文: router)就是对应关系。通俗易懂的概念：Hash 地址与组件之间的对应关系。vue-router 是 vue.js 官方给出的路由解决方参数项、this.$route.params、props: true。
原创
2024-04-17 09:51:48
16阅读
history模式的配置方法我们来看看官方文档是教我们怎么配置的：HTML5 History 模式。首先要将mode设置为 history：const router = new VueRouter({
mode: 'history',
routes: [...]
})nginxlocation / {
try_files $uri $uri/ /index.html;
}&n
转载
2024-04-26 16:42:40
142阅读
1、前端路由 后端路由：多页面，服务器端渲染好返回给浏览器。 前端路由：改变url不向服务器发送请求；前端可以监听url变化；前端可以解析url并执行相应操作。 前后端分离：后端只提供API来返回数据，前端通过ajax获取数据后，在通过一定的方式渲染到页面上。 SPA：前后端分离+前端路由。 SPA
转载
2017-12-21 16:43:00
232阅读
2评论
vue配置路由连接：https://router.vuejs.org/zh/installation.html 额外： 运行vue的两种方法： 一. 1.点击项目文件夹，右键，打开在文件资源管理器中显示 2.打开文件夹路径，输入cmd,运行，打开命令管理器 3.输入运行命令 4.运行成功 二. 1. ...
转载
2021-09-06 17:16:00
392阅读
2评论
vue配置路由连接：https://router.vuejs.org/zh/installation.html 额外： 运行vue的两种方法： 一. 1.点击项目文件夹，右键，打开在文件资源管理器中显示 2.打开文件夹路径，输入cmd,运行，打开命令管理器 3.输入运行命令 4.运行成功 二. 1. ...
转载
2021-09-06 17:16:00
2399阅读
2评论
手动配置Vue-router环境1、下载包： npm i vue-router --save或者 npm i vue-router --S 或者用cdn引入2、创建路由的js文件（路由、子路由、重定向、开启history模式）createRouter、createWebHistory//路由文件
import { createRouter, createWebHistory } from 'vue
目录理解一.基本使用1.安装2.应用插件3.编写 router 配置项二、多级路由三、路由器的两种工作模式hash模式：history模式：四、注意事项 理解vue 提出了路由 route 的概念。 vue 中的路由 route ，是一组映射关系（ key - value ），key 是路径，val
转载
2024-05-30 10:58:55
638阅读
本文很长，请耐心看完分析。4.高级用法，指定从什么组件进入才缓存，以及销毁缓存：先介绍我发现的网上一些博主写的有bug的方法，在介绍自己的方法。 假设这里有 3 个路由： A、B、C。要求： 1. 默认显示 A 2. B 跳到 A，A 不刷新 3. C 跳到 A，A 刷新先上一些发现博
转载
2024-04-28 22:35:34
250阅读
最近有段时间没搞项目部署了，结果在部署前端项目的时候，访问页面路由（不是根路径），nginx 响应都是 404，直接访问页面根路径，路由跳转到前端的 404 页面，排查了半天，这里再总结一下。1. 路由访问 404 问题前端单页应用路由分两种：哈希模式和历史模式。哈希模式部署不会遇到啥问题，但是一般只用于本地调试，没人直接部署到生产环境。历史模式的路由跳转通过 pushState 和 replac
转载
2024-03-26 20:51:37
688阅读
介绍：Vue Router 是 Vue 的官方路由VueRouter：路由器类，根据路由请求在路由视图中动态渲染选中的组件：请求链接组件，浏览器会解析成：动态视图组件,用来渲染展示与路由路径对应的组件
原创
精选
2023-11-14 14:31:33
410阅读
npm vue路由 复习：1、README.md文件：保存如何使用的命令 （1） npm install:拷项目时可以不拷node_modules文件，运行该命令时，会自动下载node_modules(文件很大) （2） npm run serve:运行环境服务 （3） npm run build： ...
转载
2021-09-14 17:45:00
326阅读
2评论
