vue-route

Vue-route核心知识整理

目录1相关理解1.1对vue-router的理解1.2对SPA应用的理解1.3对路由的理解1.3.1什么是路由？1.3.2路由的分类2几个注意点3路由的基本使用4嵌套(多级)路由5路由传参5.1query方式传参5.1.1跳转路由并携带query参数，to的字符串写法5.1.2跳转路由并携带query参数，to的对象写法5.2给路由命名5.3params方式传参5.3.1跳转路由并携带params
是小蟹呀^·2024-02-20 23:31

vue-route路由详解

路由分类后端路由：value是function，用于处理客户端提交的请求工作过程：服务器接收到一个请求时，根据请求路径找到匹配的函数来处理请求，返回响应数据前端路由：value是component，用于展示页面内容工作过程：当浏览器的路径改变时，对应的组件就会显示，前端路由指的是hash地址与组件之间的对应关系vue-router路由模式hash模式和history模式，默认的是hash模式哈希模
前端fighter·2024-01-24 03:34

Vue3.0偏红报警问题

/view/Home.vue"解决方法:安装插件TypeScriptVuePlugin(Volar)问题二:问题:vue内置api引用:找不到模块"vue-route".你的意思是将"moduleResolution
GllWyz·2023-12-25 19:35

Vue前端设计模式

二、设计几个原则三、常见的设计模式及实际案例3.1、单例模式3.1.1、`ElementUI`3.1.2、`Vuex`3.2、工厂模式3.2.1、`VNode`3.2.2、`vue-route`3.3、
小马甲丫·2023-12-22 00:36

学习vue-router以及遇到问题解决记录

学习vue-router之前开发移动端用的是uni-app，它里面自带路由，但随着学习不断的深入接触vue的另一个插件vue-router，写下这篇记录：本人使用的是vue-cli加vue-route在建立
小庄梦蝶·2023-11-26 04:10

vue的学习笔记（13）之vue-router详解

安装和使用vue-router3、细节处理（1）路由的默认路径（2）HTML5的History模式（3）router-link补充（4）修改linkActiveClass（5）路由代码跳转（6）动态路由（7）vue-route
我是肿肿哦～～·2023-11-19 20:34

VUE全家桶 （Vue-cli、Vue-route、Vuex）学习笔记

Es6let是变量2.const1.是常量不能修改创建的时候一定要赋值要不报错定义的类里面的属性值可以修改3.对象创建1.可以先定义constname=1；Consta={name};输出a的话就是{“name”:1};可以直接放进去函数Consta={Run(){},Set(){}}4.遍历遍历1for(leti;i30)returntrue;});Map函数//统一操作Reduce(funct
_揽·2023-11-19 20:02

Vuex 快速入门(保姆级教程)

Vuex是专门为Vue.js应用程序开发的状态管理模式,采用集中式管理应用到各个组件,从而解决多组之间的数据通信.要点:1.vue官方搭配.类似vue-route,有专门的调试工具2.集中式数据管理使操作更简洁
Grey..·2023-11-14 22:10

无标题文章

打开文件创建webpack项目vueinitwebpack-simpleproject1vueinitwebpackmy-project进入项目cdproject1安装项目依赖npminstall安装vue-route
likui0·2023-10-20 13:59

Vue全家桶（Vue-cli、Vue-route、vuex）

摘要学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件）1、Vue-cliVue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多，有webpack，npm，nodejs，babel等等。官网：https://cli.vuejs.org/guide/GitHub：https://github.com/vuejs/vue
weixin_30377461·2023-10-15 02:27

RangeError: Maximum call stack size exceeded错误分析

项目开发的时候遇到这样的运行报错：问题分析一翻译说是堆栈溢出，我估摸造成这个问题的原因可能是：1.可能跟vue-route有关，是不是拦截器捕获到不存在的页面2.页面引入了其他递归轮询方法3.使用了未定义的
咸鱼起码是条鱼·2023-09-21 18:20

Uncaught (in promise) Error: No match for

今日在写前端代码的时候，用vue-route遇到了一个问题，在跳转的时候发现报了这个错误然后我也配置了路由，但是一直还是报错，最后发现是路由配置的时候没有访问权限，改一下后台权限设置就可以完美解决了。
ZYJ~·2023-09-16 12:52

【vue笔记】vue-router 路由基本使用

vue-router，命令：npmivue-router2.应用插件：Vue.use(VueRouter)3.编写router配置项://引入VueRouterimportVueRouterfrom'vue-route
小付学代码·2023-08-28 22:14

浅谈route和touter

如单页面应用，不刷新整个页面，不频繁请求，请求数据，通过js操作（ajax），如：切换两个不同图片，不同地址，只需第一次需要请求，第2次共用请求资源，只需再请求一张图片即可vue-route
//wilburnWang·2023-08-28 00:58

vue打包部署-刷新页面404

问题描述：前端同事使用Vue.js框架，利用vue-route结合webpack编写了一个单页路由项目，运维协助在服务器端配置nginx。
皇甫贝·2023-08-26 19:19

vue-route传参数据丢失问题

今天使用params传参发现刷新页面数据会丢失，于是询问了一下大佬，做了个总结：首先vue-router传参有两种，通过$router.push：1.path+query，通过this.$route.query.xxx获取2.name+params，通过this.$route.params.xxx获取第一种数据会暴露在url中，一般是传递部分数据。第二种如果没有配置/:id,页面刷新会丢失数据.根
顺顺不吃竹笋·2023-08-16 09:09

解决Vue3 使用Element-Plus导航刷新active高亮消失

接下来打印一下选中项index和index路径，刷新也是没有任何问题的，active不会消失，整体代码如下：HomeAboutNewsProductimport{useRoute}from"vue-route
键指江湖·2023-08-04 17:10

vue进阶-vue-route中 this.$router 与 this.$route 的区别

通过上章vue进阶-vue-route学习，我们发现路由的设置和获取会用到this.$router和this.$route，容易混淆，本章做下区分。this.$router✨this.
不会叫的狼·2023-07-18 01:59

前端项目框架的搭建（Vue.js+ElementUI骨灰级保姆教程）

下载node.js1.1安装1.2检查一下:Window+R2.在HBuilderX里面用脚手架(vue-cli)创建项目2.1创建项目2.2项目结构2.3初次启动项目2.4启动项目命令3.组件路由(vue-route
迷茫的羔羊羊·2023-07-15 07:29

vue进阶-vue-route

VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。本章只做学习记录，详尽的内容一定要去官网查看api文档：VueRouter-Vue.js的官方路由1.路由的基本使用1.1安装[email protected]使用vue-router1、src下创建一个叫router的文件夹，并创建index.j
不会叫的狼·2023-07-14 12:29

vue进阶-消息的订阅与发布

vue进阶-vue-route介绍了路由组件传参，两种方式：params传参和query传参。
不会叫的狼·2023-07-14 12:22

vue组件嵌套组件不显示

如何来处理vue-route懒加载component：resolve=>require([''],resolve)在webpack打包的过程中，将多余文件去掉，如map文件即在中将productionSourceMap
aifans_bert·2023-06-15 11:26

vue 全家桶 （Vue-cli、Vue-route、Vuex）

Vue全家桶（Vue-cli、Vue-route、vuex）摘要学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件）1、Vue-cliVue-cli
adam_1997·2023-06-14 10:18

vue进阶-es6、vue-cli、vuex、vue-route

3.1、es6解构letuser={name:‘pxhsne’,eat(){console.log(“est”);}}let{name}=user;let{eat}=user;eat();3.2、es6模块化node内置require模块化引用，但是vue使用es6模块化，解决js相互调用问题。a.js:letuser={name:‘pxhsne’,eat(){console.log(“est”)
不会叫的狼·2023-06-09 21:46

Vue Router安装使用教程

VueRouter：npminstallvue-router使用创建路由实例定义路由规则：/和/about，对应组件Home和AboutimportVuefrom'vue';importVueRouterfrom'vue-route
旧言.·2023-06-08 01:00

【Vue】Vue-route路由

Vue-router官网由vue-router模块控制，需要额外安装依赖。参考官网npminstallvue-router--save组成router-link：路由链接，跳转至路由视图，展示指定路由组件信息router-view：路由视图，展示路由组件信息route：路由信息router：路由对象router-link路由跳转，类似a标签，路由跳转作用router-view路由视图，用于其他组件
Dongle74·2023-04-20 05:22

vue-route中base配置的解释

如果整个单页应用服务在/learn/下，然后base就应该设为“/learn/”//route.jsconstroutes=[{path:'/',name:'Home',component:Home},{path:'/about',name:'About',//routelevelcode-splitting//thisgeneratesaseparatechunk(about.[hash].js
摩托小丸子·2023-04-10 17:30

vue打包的坑、打包部署后页面空白，且无报错、路由报错、路径、懒加载

vue-route
素码人·2023-04-09 04:43

vue 动态路由

vue用vue-cli创建项目会主动生成route-index.js1，vue-Route的使用main.jsimportrouterfrom'.
前端菜菜1号·2023-04-05 01:51

vue 组件多开，数据被覆盖问题排查及解决方案

vue-route详情页面多开时，前面的页面数据被新开的页面数据覆盖了。详情页面的路由，使用动态路由匹配。
Y、seventeen·2023-04-04 01:35

Vue路由守卫

对此，vue-route提供的beforeRouteUpdate可以方便地实现导航守卫。
没有卢果·2023-04-01 11:13

ngnix环境下vue项目刷新404问题

在服务端nginx配置里添加vue-route的跳转设置，正确配置如下：server{listen80;server_nametestwx.wangshibo.com;indexindex.phpindex.htmlindex.htmdefault.phpdefault.htmdefault.html
三亿·2023-03-14 19:09

vue vue-router 基本使用

官方教程:https://cn.vuejs.org/v2/guide/vue-route由于这不是vue必须的,但是在使用前需要先安装vue并且在使用前必须引入vue.js因为vue-router是依赖
_不能说的秘密i·2023-02-18 03:59

P26. vue3 vue-route 带参数的动态路由匹配和404 页面

vue-route带参数的动态路由匹配App.veuHelloApp!
·2023-01-03 11:50

P26. vue3 vue-route 带参数的动态路由匹配和404 页面

vue-route带参数的动态路由匹配App.veuHelloApp!
·2022-12-27 22:13

vue2 vue-route兼容问题

这个是配置好页面路由后跑不起来，就会报错，原因是vue-router的兼容性问题当时下载脚手架的时候，vue2版本，而现在vue-router版本是4.0了，不兼容vue2，可能会兼容vue3，所以需要下载稳定版本[email protected]
YingUser·2022-11-24 08:43

路由vue-route的使用

文章目录一、项目初始化二、路由配置规则vue-route标签作用：路由匹配到的组件将渲染到这里router-link标签作用：路由导航（路由跳转的链接）三、声明式导航和编程式导航声明式导航编程式导航四、
敲代码敲到头发茂密·2022-11-24 08:09

解决VUE项目首次访问加载过慢问题

VUE项目首次访问加载过慢发现问题问题归纳解决办法cnd引入祛除多余map文件异步加载vue-route懒加载压缩文件(配置productionGzip和Nginx)发现问题公司前端项目Vue(ElementUI
Loveme_CN·2022-10-13 02:49

Vue基础知识概括

插件或第三方库开发与其他前端JS框架的关联借鉴angular的模板和数据绑定技术借鉴react的组件化和虚拟DMO技术VUE扩展插件vue-cli：vue脚手架vue-resource（axios）：ajax请求vue-route
前进滴蜗牛·2022-09-01 20:01

【Vue3.0移动端项目--旅游网】--项目初始化搭建

4.CSS样式重置全家桶配置1.Vue-Router配置2.Pinia配置Vant的使用1.引入Vant2.使用VantGit管理和代码托管（github）**项目技术栈：**Vue3.0、Vite、Vue-route
贤蛋大眼萌·2022-08-17 09:48

尚硅谷尚品项目汇笔记（二）

为什么编程式导航会出现这种现象:由于vue-route
The..Fuir·2022-08-14 09:39

vuejs量化知识

vuejs量化知识1、邂逅vuejs1.1、vuejs的特点解耦视图和数据可复用的组件前端的路由技术（vue-route）状态管理（vue-x）虚拟DOM1.2、vue.js的安装常见的安装的方式CDN
梦里无羡·2022-07-16 17:41

vue3中vue-meta的使用方法解析

目录vue-meta的使用方法1.安装2.一般使用方法3.与vuex,vue-route结合使用使用vue-meta处理元信息vue-meta有以下特点如何使用vue-meta的使用方法meta标签用于设置
·2022-06-22 13:07

Vue3+TypeScript+AntD+Vite+Less+VsCode的完整项目构建及插件推荐

，要求Node版本>=12.0.0；2.在cmd中运行3.解决Network:use`--host`toexpose，在根目录下的vite.config.js文件中添加以下内容配置Vue3项目1.加载Vue-Route
aaaaanqi·2022-05-17 10:06

vue系列 —— vue-route详细使用方法

说到路由，我们最熟悉的路由是什么呢？那就是路由器了。其实路由器有两个重要的功能：路由和传送路由：路由决定数据包从哪里来，到哪里去。也有是来源和目的地的路径。路由中有一个路由表，路由表本质上就是一个映射表，决定了数据包的传输方向。传送：传送是将输入端的数据传送给输出端下面我们先来搭建一个项目,然后一边学习一遍在项目里实战创建vue-cli2项目vueinitwebpacekvueroute然后一路向
前端_七月·2022-04-19 14:53

VUE全家桶系列之基本知识点

前言一般一个真正完整的vue全家桶包括Node.js、Webpack、Axios、Vue-Route、Vuex、ElementUI(其他UI框架也行，如：Antdesignofvue)、Vue-Cli。
小李^_^·2022-03-01 19:01

vue-route 切换 视图不更新

问题：在使用了相同组件之后，切换路由，不执行created和mounted方法，无法获取数据例如：从/gameInfo切换到/gameInfo/details只有第一次切换的时候，会执行mounted，之后就不会执行mounted了。解决：1，通过watch监听当前页面的route变化watch:{'$route':function(){//首页刷新之后,第一次没有监听route,第二次之后,才开
·2021-08-28 12:53

vue-route路由管理的安装与配置方法

介绍VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动条行为安装安装命令npminstallvue-r
·2021-08-04 00:17

vue-route基础用法（1）

一、步骤在src目录下新建router文件夹，并添加index.js文件router/index.js代码如下importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)//定义路由constroutes=[{path:'/key1',component:()=>import("../components/HelloWorl
方_糖·2021-06-26 15:03

vue-route

官网：https://router.vuejs.org/例子route设置route引入importVuefrom"vue";//引入importVueRouterfrom"vue-router";importroutesfrom"./routers/router.js";router.jsimportAfrom"../viwe/a.vue";importBfrom"../viwe/b.vue";
小小一小只·2021-06-23 19:56
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他