vue-router

最新推荐文章于 2025-08-08 17:07:36 发布

转载最新推荐文章于 2025-08-08 17:07:36 发布 · 70 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zqiong/p/6206750.html

文章标签：

#javascript #ViewUI

html5 的history：vue-router利用html5 的history实现了http://yoursite.com/user/id这种url的history模式。URL跳转无需重新加载页面。

vue-router2.0比之前的0.7改变了很多，有新增有更改，过去的很多就不能用了：改变的内容参考官方的迁移文档：http://cn.vuejs.org/v2/guide/migration.html

最近发现几个很傻的错误，比如启动一个8080的服务，忘记关掉，过半天再启动另一个8080服务，一顿报错，懵逼。比如设置了一个变量的watch，过几天又想添加这个变量的watch，以为以前没设置过，被覆盖了不执行。。。

转载于:https://www.cnblogs.com/zqiong/p/6206750.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

9栋108

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【vue-router】Vue-router如何实现路由懒加载

景天科技苑

11-29

6万+

在现代前端开发中，Vue.js凭借其轻量级和易用性，成为了很多开发者的首选框架。然而，在构建大型单页应用（SPA）时，初始加载时间可能会变得非常长，影响用户体验。为了解决这个问题，Vue.js引入了路由懒加载机制。本文将结合实际案例，详细讲解Vue-Router路由懒加载的用法。

【vue-router】vue-router如何实现动态路由

景天科技苑

11-28

6万+

在构建基于Vue.js的单页面应用（SPA）时，Vue Router是一个不可或缺的工具。它提供了声明式的路由功能，使开发者能够轻松地管理和控制应用内的导航逻辑。动态路由是Vue Router中的一项重要特性，它允许我们根据运行时的数据来动态地匹配路由。这对于需要根据用户输入或后端响应来调整应用行为的场景尤其有用。本文将详细介绍动态路由的概念、作用及其在Vue Router中的具体实现，并通过一系列实际案例来展示如何有效地使用这项功能。

参与评论您还未登录，请先登录后发表或查看评论

Vue基础知识总结 11：前端路由vue-router

学Java，找哪吒

10-13

4万+

当打包构建应用时，JavaScript包会变得非常大，影响页面加载。如果我们能吧不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。

【vue-router】关于Vue-Router路由守卫

景天科技苑

12-03

5万+

路由守卫是Vue-Router提供的一种机制，用于在路由跳转前或跳转后执行一些操作。它类似于Vue组件中的生命周期钩子函数，但它是针对路由的。通过路由守卫，我们可以在用户访问特定路由前或离开特定路由后执行一些逻辑，从而控制用户访问权限、加载数据或取消导航等操作。

vue-router 详解

热门推荐

星海IT学习之路

01-16

12万+

文章目录1、认识vue-router2、安装和使用vue-router 1、认识vue-router 目前前端流行的三大框架，都有自己的路由实现： Angular的ngRouter React的ReactRouter Vue的vue-router vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。我们可以访问其官方网站对其进行学习：https://router.vuejs.org/zh/ vue-router是基于路由和组件的路由用户设定访问

vue-router 路由超详细教程

weixin_47124112的博客

09-06

4万+

路由（英文： router）就是对应关系Hash 地址与组件之间的对应关系。vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router 的官方文档地址：https://router.vuejs.org/zh/2. vue-router 安装和配置的步骤① 安装 vue-router 包② 创建路由模块③ 导入并挂载路由模块④ 声明路由链接和占位符2.1在项目中安装 vue-router。

VUE-CLI/VUE-ROUTER

LKS_010620的博客

08-24

4423

官方文档vue-cli是vue官方出品的快速构建单页应用的脚手架，里面集成了webpack，npm，nodejs，babel，vue，vue-router。

【vue】vue中的路由vue-router，vue-cli脚手架详细使用教程

景天科技苑

03-22

5061

vue就是我们前面学习的vue基础，vue + vue-router 主要用来做SPA(Single Page Application)，单页面应用整个网站都是通过一个html文件搞定的。我们只需要开发组件，页面中有什么组件，就开发什么组件。这些事情都是前端来做的，跟后端没有一点关系。 vue-cli 能创建vue项目，把目录创建好了，哪个地方放组件，哪个地方放css样式等都划分好目录了。类似于我们通过pycharm创建django项目。而且能vue-cli把整个项目通过socket跑起来。

vue-router的详细安装及配置

m0_64520392的博客

12-20

3564

vue-router的详细安装及配置，router

基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统

06-14

基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统项目经过严格测试，确保可以运行！基于 Spring Boot 和 Vue 以及相关技术栈开发。前台商城系统包含首页门户、商品分类、新品上线、...

基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目

06-15

基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目。本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。前端包含了...

vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发

05-27

vue-router-sitemap通过vue-router配置安装npm i --save vue-router-sitemap示例用法// router.js import VueRout vue-router-sitemap通过vue-router配置生成sitemap.xml安装npm我-保存vue-router-sitemap示例用法//...

Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统

05-02

Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...

vue-router-invoke-webpack-plugin:根据文件目录自动生成vue-router的路由

05-14

根据文件目录自动生成vue-router的路由。安装 npm npm install vue - router - invoke - webpack - plugin - D cnpm cnpm install vue - router - invoke - webpack - plugin - D 纱 yarn add vue - router - ...

ref存储对象和reactive深度响应式递归地对对象的嵌套属性进行响应式处理

lf_1234的博客

08-06

895

摘要：ref 不会递归处理对象的嵌套属性，仅对顶层数据进行响应式处理。若需深度响应式，应使用 reactive。示例中，ref 存储的嵌套对象 profile 修改后视图不会更新，而 reactive 能确保嵌套属性（如 age）触发更新。总结：ref 适合基本类型或简单对象（需 .value），reactive 适合复杂对象（自动深度响应式）。

使用萤石云播放视频及主题模版配置

多看书少吃饭的博客

08-07

518

本文介绍了如何在H5页面中集成萤石云视频播放功能。首先需要安装ezuikit-js依赖，然后通过EZUIKitPlayer组件传入accessToken和视频URL即可实现基础播放功能。文章详细说明了两种版本（UIKIT和UIKITPRO）的区别，并提供了完整的代码示例，包括视频容器设置、自动播放配置和样式调整。此外，还介绍了如何通过template字段自定义视频主题模板，包括官方模板和自定义模板两种方式。最后提及了WEB端和H5端均可进行模板配置，为开发者提供了完整的萤石云视频接入解决方案。

【JS】扁平树数据转为树结构

此人太懒，没有任何简介

08-07

268

摘要：本文展示了如何将扁平数据结构转换为树形结构的JavaScript实现。通过buildTree函数，可以根据指定的ID和父ID字段将扁平数据转换为嵌套的树形结构，并可选地删除空子节点。示例代码演示了如何将包含公司部门信息的扁平数据转换为层级分明的树状结构，结果输出为JSON格式的树形数据。该工具函数适用于处理组织机构、菜单等需要层级展示的数据场景。

Vite 深度解析：现代前端开发引擎