vue-router

Vue-day-05（路由概念与原理，Vue-router，路由嵌套，动态路由））

1路由的基本概念与原理1.1路由:前端路由后端路由介绍路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现，并完成资源的分发（url与资源/数据的对应关系）2).前端路由是依靠hash值(锚点链接)的变化进行
新苡米·2023-03-24 09:05

Vue Router去掉url中默认的锚点#

vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
大漢帝国·2023-03-24 08:18

vue项目开发中遇到的问题总结

(转自)https://www.cnblogs.com/zifayin/p/8312677.html1.路由变化页面数据不刷新问题这种情况一般出现在vue-router的history模式下，初次进入会执行钩子函数
weixin_30410119·2023-03-24 01:32

日常收集网址list

Vue-router开启mode:‘history’模式，tomcat该怎么配置axios发post请求，后端接收不到参数的解决方案Vue2.0过渡动画——仿微信左右切换效果花式实现图片3D翻转效果Kibana
羊羊羊0703·2023-03-23 23:41

路由、路由的嵌套、路由传参、axios

Vue.js路由需要载入vue-router库下载：用git直接下载npminstallvuenpminstallvue-router简单例子：HTML：首页详情页js部分：//2.创建组件varIndex
辞苏·2023-03-23 22:19

Vue-Element前端框架搭建注意事项

本项目技术栈基于ES2015+、vue、vuex、vue-router、vue-cli、axios和element-ui，所有的请求数据都使用Mock.js进行模拟。相关知识需要自己去相关网站学习。
Watson1029·2023-03-23 20:07

Vue权限管理解决方案

vue-access-control:gem:Vue权限管理解决方案介绍Vue-Access-Control是一套基于Vue/Vue-Router/axios实现的前端用户权限控制解决方案，通过对路由、
tower1229·2023-03-23 10:21

面试题 大全

一，Vue-router中hash模式和history模式的关系前端路由的核心，就在于——改变视图的同时不会向后端发出请求1，最直观的区别就是在url中hash带了一个很丑的#而history是没有#的
undefined汪少·2023-03-23 07:33

vue-router 报错、:Avoided redundant navigation to current location 错误、路由重复

Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/goodsList".在用vue-router
小哪吒·2023-03-22 13:31

vue中在当前页面跳转当前页面，解决页面初始化数据的问题

但是呢，vue-router中的特性是：只有在页面进行更新跳转后，才会重新触发我们
我这暴脾气·2023-03-22 11:19

vue项目的搭建

1.使用命令行创建一个hello-vue的一个项目vueinitwebpackhello-vue2.然后我们需要安装依赖，依次安装你所需要的依赖，这里我们需要下载的有vue-router,element-ui
MrH_永无BUG·2023-03-22 05:05

vue-router 使用

vue-router主要是前端路由，做spa应用使用的。
sll_·2023-03-21 14:11

15.Vue二级路由

importVuefrom'vue'importRouterfrom'vue-router'importHellofrom'@/components/Hello'importLoginfrom'@/components
寄鱼予海与你·2023-03-21 11:17

vue路由

importVuefrom'vue';importRouterfrom'vue-router';importhomefrom'_/index/home';importindexfrom'_/index/
夜阑卧听风吹雨_ca40·2023-03-21 04:41

利用vue实现豆瓣demo

先上图最近一直在研究vue，就顺手练了个项目，热映栏，主要就是通过v-for指令渲染列表，数据是从豆瓣公共api请求过来的，请求数据用的是axios，此demo是一个单页面应用，用的是vue-router
李佳明先生·2023-03-20 14:09

路由参数的获取

如文章详情，商品详情，使用相同的组件，渲染不同的数据，我们就可以通过传递不同的路由参数，获取不同的数据，渲染相同的组件1.1$route当我们使用路由时，vue-router会给我们所有的组件里都添加一个
下雪不过冬天·2023-03-20 13:43

Vue路由的两种方式

对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变视图的同时不会向后端发出请求。
她说东京很热·2023-03-19 10:27

Vue3相关组件项目依赖依赖版本信息

vue-datepicker":"^4.2.1","ant-design-vue":"^3.2.15","core-js":"^3.28.0","swiper":"^9.1.1","vue":"^3.2.45","vue-router
theMuseCatcher·2023-03-19 09:02

Vue面试考点之路由Vue-router

1、vue-router路由有几种模式？说说它们的区别？在vue的路由配置中有mode选项，可以设置为hash和history两种模式。
团子哒哒·2023-03-19 08:01

vue3.x项目降级到vue2.7的解决方案

vue3和vue2的依赖对比vue3和vu2的区别实践步骤vue降级vue-router降级element-uipiniaeslint+husky+prettier+typescript问题/缺陷总结把
·2023-03-19 00:00

Vuejs入门之四 路由(vue-router)

基础使用1安装路由插件:npminstallvue-router--save2在主入口js文件中引入包:importVueRouterfrom'vue-router'3创建路由对象://安装路由插件Vue.use
小苑小站·2023-03-18 07:37

vue 打包减小体积

就是项目中所用的依赖但是假如是分模块打包的话一些公共的依赖就被重复打包进去了找到webpack.base.conf.js路径是module.exports这个对象中加入externals:{'vue':'Vue','vuex':'Vuex','vue-router
绝世小熊猫·2023-03-18 02:07

Vue3.0 Vite + windicss + ...实战项目(十五.二)

1.router/index.js文件import{createRouter,createWebHashHistory}from"vue-router";importAdminfrom"~/Layout
coderhzc·2023-03-17 21:01

vue3对于路由vue-router进行加载优化、打包优化（懒加载、分包）

未对vue-router进行打包优化时：未优化的vue-router文件exportdefaultrouterimport{createRouter,createWebHistory,RouteRecordRaw
回忆哆啦没有A梦·2023-03-17 10:20

vue3 路由跳转，打开新页面

场景：使用vue-router时，遇到一个需求，需要打开一个新页面。
回忆哆啦没有A梦·2023-03-17 10:50

vue 刷新当前页面或者跳转页面时候刷新

为什么会有这篇文章1用vue-router重新路由的时候到当前页面的时候是不进行刷新的2采用window.reload()或者router.go(0)hisory.go(0)刷新的时候整个浏览器进行刷新加载
泪滴在琴上·2023-03-17 08:25

Vue项目部署上线（页面刷新404）

用过Vue开发项目的应该都知道，vue-router的作用是配置前端路由表，在本地开发调试时一切使用正常，但是部署上线到服务器，一旦刷新页面浏览器就会报404(NotFound)。
Coder__T·2023-03-17 05:58

vue-router的导航守卫简单应用

导航守卫简介主要用来通过跳转或取消的方式守卫导航。例如判断登录信息：没登录全部跳到登录页。判断必要操作是否进行没进行的话中断跳转。分为三大类：全局守卫、路由守卫、组件守卫meta简介meta（路由原信息）为什么会有这个东西呢？我们知道我们浏览一些网站的时候有需要验证登录的也有不需要验证登录的，如果所有页面都在做成验证登录的话对于用户的体验也是极差的，所以这个时候路由元信息就起到了很大的作用。最小实
buuoltwo·2023-03-17 02:23

vue升级之路（三）-- vue-router的使用

使用Vue构建的项目，一个页面是由多个组件构成的，而且经常是做成单页面应用，所以在跳转页面的时候，传统的href已经跟不上时代的步伐了，于是vue-router应运而生在使用vue-router的时候，
tree_book·2023-03-17 01:08

vue必须掌握的知识点和能力，提升硬实力（简述）

vue组件的生命周期（有父子组件的情况下）Vue组件如何通信描述组件渲染和更新的过程双向绑定数据v-model的实现原理Vue使用基本使用，组件使用——常用，必须会高级特性——不常用，但体现深度Vuex和Vue-router
站在大神的肩膀上看世界·2023-03-16 07:19

vue code split

说一下我的开发步骤，基础结构是通过[email protected]创建的，手动的加入了axiosvuex,vue-router是脚手架自带的。
易良同学·2023-03-16 07:51

vue-router从入门到放弃

用命令号创建一个mytest文件夹vueinitwebpackmytest初始化initmyproject之后手动安装vue-routerimage.png再创建三个.vue文件，注意引用文件图片的时候加上./引入node_modules文件夹模块不需要加./引入文件要加这是一只猫exportdefault{name:"cat"}.myImg{width:300px;}小狗小猫羊驼小狗-->小猫-
bo_bo_bo_la·2023-03-16 06:54

搭建Vue-TypeScript项目(一)

搭建Vue-TypeScript项目(一)这是一个系列文章，一步步搭建vue项目，包含vue-cli3，axios，vuex，vue-router，type-script等等假设你有了vue基础,并且学会了基础的
风轻云淡小小木·2023-03-16 06:38

vue-router

问：需要用户没有登录时先跳到登录页，怎么做？一开始这样写：router.beforeEach((to,from,next)=>{lettoken=localStorage.getItem('token');if(token!=null){next();}else{next({path:'/login'});}});结果发现当用户没有登录时，页面路由不停跳转，怎么回事？答：因为路由不停地走route
刘叶青·2023-03-15 18:17

vue生态介绍

官方工具链路由:vue-router状态管理:vuex构建工具脚手架:vue-cli开发者工具:vue-devtoolsIDE支持:vscode+vetur静态检查:ESLint+eslint-plugin-vue
一米阳光kk·2023-03-15 16:28

Hash Vs H5 History

前端路由有两种模式：Hash模式H5history模式无论Vue的vue-router还是React的react-router，都是基于这2种模式开发的。
JellyL·2023-03-15 16:04

vue笔记 (十三) vue-router (3):嵌套路由、路由参数传递与获取、$router和$route区别

嵌套路由嵌套路由是一个很常见的功能，比如在home页面中，我们希望通过/home/news和/home/message访问一些内容。一个路径映射一个组件，访问这两个路径也会分别渲染两个组件。路径和组件的关系如下:实现嵌套路由有两个步骤：1.创建对应的子组件，并且在路由映射中配置对应的子路由配置路由：2.在组件内部使用标签显示效果：路由参数传递与获取参数传递传递参数主要有两种类型:params和qu
楠丶·2023-03-15 08:30

一、umi介绍与文件结构

简单说umi就是提供一个脚手架和路由，相当于vue-router的加强版。v^2.8.7一、介绍umi，中文可发音为乌米，是一个可插拔的企业级react应用框架。umi以路由为基础的。
谁诉离殇~·2023-03-15 08:51

【vue3】监听路由变化

这里为大家提供了这两种方法：onBeforeRouteUpdate路由守卫import{useRouter,onBeforeRouteUpdate}from'vue-router';letrouter=
前端阿彬·2023-03-15 06:44

【vue3】获取当前页面路由的四种方法

第一种import{defineComponent,ref}from'vue';import{useRouter}from'vue-router';console.log('router',router.currentRoute.value.fullpath
前端阿彬·2023-03-15 06:14

vite+vue3.0项目如何引入vue-router

一、第一步安装vue-routernpminstallvue-router@4二、在项目目录下创建一个文件夹router，下面再创建index.js文件如图三、如下图配置具体配置见vue-Router官网四
不断学习的码农·2023-03-15 05:32

vue3中使用router进行路由跳转

$router.push()(2)使用useRouterimport{useRouter}from'vue-router'constrouter=useRouter()router.push()
涵。·2023-03-15 05:32

【Vue3】Vue Router4路由的配置

文章目录安装Vue-Router1、使用npm安装vue-router在main.js中引入router插件配置路由1、创建后续测试页面文件1.1、创建views文件夹1.2、创建home.vue文件2
杜小舟·2023-03-15 05:02

vite2.0+vue3.0+vuex+vue-router4+typescript+less 从0搭建项目

版本12.0.0以上一：先使用vite搭建项目1.命令行输入npminit@vitejs/app选择vue和typescript键入这三个命令安装基础包成功二.接下来修改成自己习惯的项目架构1.首先搭建vue-router
一杯码农·2023-03-15 05:57

vue3 路由跳转&router-view

$router.push('/home')}}}CompositionAPI跳转import{useRouter}from'vue-router'letrouter=useRouter()constgoHome
violetta rua~·2023-03-15 05:56

Vite + Vue3 + Vue-router + Pinia 后台管理系统框架

Vite+Vue3+Vue-router+Pinia后台管理系统框架【参考vue-vben-admin】github项目地址核心功能：实现了vben里面的核心功能，包括登录注册、日夜间模式切换、后台主题色菜单背景色切换、国际化、状态管理、请求管理、路由管理、缓存持久化，响应式布局去掉了vben里面多余的业务部分，只留下了基础的登录功能和后台框架去掉了自定义封装的组件，比如menu组件等，换成了简单
很简单的人·2023-03-15 05:19

Vite Vue3 Ts router 路由点击跳转

import{useRouter}from'vue-router'constrouter=useRouter()consthandleClick=(name:string)=>router.push
小燧·2023-03-15 05:46

vue3路由配置及路由跳转传参

分别编写两个vue文件student.vue和person.vue学生人类3、配置路由在src目录下配置router.js文件import{createRouter,createWebHistory}from"vue-router
努力学前端Hang·2023-03-15 05:11

vue3引入router

1.添加vue-router依赖进入项目路径的cmd下，执行命令npminstallvue-router@4或者yarnaddvue-router@4推荐使用yarn命令，比npm安装更快2.执行npminstall
@一只码农@·2023-03-15 04:50

vue3路由Router的配置和跳转

核心之一就是:更新视图而不重新请求页面vue-router在实现单页面前端路由时，提供了两种方式：Hash模式和History模式hash：默
kimi-001·2023-03-15 04:14
上一页 33 34 35 36 37 38 39 40 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他