Vue-router

web前端面试高频考点——Vue原理（diff算法、模板编译、组件渲染和更新、JS实现路由）

通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue高级特性Vue的高级特性（动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router
前端杂货铺·2022-09-01 20:25

web前端面试高频考点——Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）

通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue高级特性Vue的高级特性（动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router
前端杂货铺·2022-09-01 20:55

web前端面试高频考点——Vue原理（理解MVVM模型、深度/监听data变化、监听数组变化、深入了解虚拟DOM）

通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue高级特性Vue的高级特性（动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router
前端杂货铺·2022-09-01 20:55

Vue —— 进阶 Vuex（一）（四个 map 的用法、模块化和命名空间）

-进阶Vue2.x-进阶脚手架Vue2.x-高级VuexVuex概念、工作原理、环境搭建、基本使用、gettersVue2.x-高级VuexVuex四个map的用法、模块化和命名空间Vue2.x-高级Vue-router
前端杂货铺·2022-09-01 20:54

Vue —— 进阶 Vuex（零）（概念、工作原理、环境搭建、基本使用、getters）

-进阶Vue2.x-进阶脚手架Vue2.x-高级VuexVuex概念、工作原理、环境搭建、基本使用、gettersVue2.x-高级VuexVuex四个map的用法、模块化和命名空间Vue2.x-高级Vue-router
前端杂货铺·2022-09-01 20:54

web前端面试高频考点——Vue的基本使用（一文掌握Vue最基础的知识点）

通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue高级特性Vue的高级特性（动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router
前端杂货铺·2022-09-01 20:54

【Vue系列复习】Vue-Router和Vuex实现原理

Vue-Router和Vuex实现原理路由这个概念先是由后端提出的，简单来说路由就是用来跟后端服务器进行交互的一种方式，通过不同路径，来请求不同资源，请求不同页面是路由的一种功能。
三分落樱·2022-09-01 20:53

Vuex 和 Vue-router 进阶

Vuex原理解析Vuex源码案例链接Vuex的原理关键：使用Vue实例管理状态Vue.use(registerPlugin)全局使用这个组件vuex._vm=newVue({...})创建全局Vue实例全局混入了一个beforeCreate钩子函数，里面注入init方法。init方法给各个组件的实例上赋值$store{{data}}{{data2}}changefunctionregisterPl
雪急飞绪·2022-09-01 20:22

web前端面试高频考点——Vue的高级特性（动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router）

通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue高级特性Vue的高级特性（动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router
前端杂货铺·2022-09-01 20:17

手把手教你Vue3实现路由跳转

目录一、安装vue-router二、新建vue页面2.1login.vue2.2register.vue三、新建路由文件3.1新建index.js3.2新建routes.js四、在App.vue中配置路由的跳转五
·2022-09-01 11:41

Vue-Router路由的两种工作模式

1Hash模式浏览器默认开启的就是hash模式特点url路径有#看上去不是很美观#之后写的内容不会传给服务端2history模式特点没有#较为美观兼容性较hash模式差（较差）3涉及到重要项目上线的问题history模式vue项目打包文件之后npmrunbuild出现dist包，里面就是单页面index.html,部署项目之后我们点击路由不会发生错误但是如果刷新就会显示404，因为他会将/后面的路
￡白昼の星☆·2022-08-31 15:35

Vue的两种路由模式

hash模式1、vue-router默认是hash模式2、url中有“#”号3、hash值（“#”后的值）不会被包含在http请求中，改变hash值不会引起页面的重新加载。
乔安娜那·2022-08-31 15:05

Vue-Router的两种路由模式

对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变视图的同时不会向后端发出请求。
立叶·2022-08-31 15:04

vue-router实现原理及两种模式

vue-router的两种方式（浏览器环境下）1.Hash（对应HashHistory）hash（“#”）符号的本来作用是加在URL中指示网页中的位置：http://www.example.com/index.html
Mr_linjw·2022-08-31 15:33

Vue-Router前端路由的两种模式、区别、原理？

vue路由有⼏种模式?有什么区别?原理是什么?一、vue路由有几种模式?二、两者区别三、原理一、vue路由有几种模式?vue的路由模式⼀共有两种,分别是哈希和history二、两者区别哈希：不会包含在http请求当中，不会重新加载⻚⾯,history：前端的url和后端发起请求的url需要一致(否则会报404的错误)，需要和后端进⾏配合2.哈希：就是指url尾巴后的#号以及后面的字符，histor
旧梦ぷ如烟·2022-08-31 15:33

Vue 路由router的两种模式

importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'Vue.use(Router
本本的香菜·2022-08-31 15:33

vue-router两种模式的区别

vue-router两种模式的区别1.hash模式vue-router默认的是hash’[hæʃ]'模式，使用URL的hash来模拟一个完整的URL，于是当URL改变的时候，页面不会重新加载，也就是单页面应用了
Dnhz-w·2022-08-31 15:03

vue-router中关于children的使用方法

目录关于children的使用children的使用场景router配置中children配置不起作用关于children的使用children的使用场景比如页面左侧显示菜单，右侧显示不同菜单下的内容，类似如下element网站，那么右侧部分的内容就是当前页面的children存在如下场景，点击导航一跳转至页面1，导航二跳转页面2，且页面1中存在子页面路由js如下：constroutes=[{pa
·2022-08-30 12:10

使用Vite+Vue3+Vant全家桶快速构建项目步骤详解

利用Vite脚手架工具可以很轻松生成以Vue3为模板的项目，但是作为Vue全家桶的vue-router、vuex、axios等成员，需要自己一个一个去配置。于是便自行开发
·2022-08-29 11:09

【面试题】如何去掉vue的url地址中的#号?及其原理？

importVuefrom'vue';importVueRouterfrom'vue-router';Vue.use(VueRouter)//1.定义一些路由//
前端--末晨曦吖·2022-08-27 22:00

axios请求拦截器、响应拦截器、vue-router路由导航守卫的使用(案例)

Authorization：token值二、响应拦截器直接去访问/article,发现可以进入到article内容管理页面原因是在vue路由拦截器中，我们是这样来判断用户是否有权限访问除了登录页面之外的其他页面：路由导航守卫Vue-router
小小白学计算机·2022-08-26 18:53

Vue axios和vue-axios的关系及使用区别

axios和vue-axios的关系/区别1、axios是基于promise的HTTP库，可以使用在浏览器和node.js中，它不是vue的第三方插件2、axios使用的时候不能像vue的插件（如：Vue-Router
张童瑶·2022-08-26 18:52

vue-router导航守卫使用axios, 没经过axios 拦截器

最近在写一个在线学习系统，并支持浏览课程信息页面，前提是用户参选过了本课程（否则不能进去）所以我在vuerouter全局前置守卫中使用axios获取检查选课记录，然而在导航守卫中axios请求并未经过axios拦截器的处理，特别奇怪，折磨了我3个小时!!（虽然自己在axios.get中配置一下header即可，但不解决这个问题，真的很难受）最后我把mian.js中的axios拦截器配置写在一个ut
优雅的发际线·2022-08-26 18:21

vue-router导航守卫和axios请求拦截器的区别

请求拦截器现在已经进入了目标页面了，在浏览器中需要进行加载资源，即用户进行资源请求。常见的用法就是：假设某个系统中除了登录页面，其他页面加载资源时都需要添加token，此时可以通过请求拦截器，为请求添加带token的请求头。//每一个我们自己封装的axios请求都会经过这个拦截器axios.interceptors.request.use(function(config){console.log(
黑猫几绛·2022-08-26 18:21

Vue项目的一些细节

webpack环境中可以使用但是如果是在vite环境2.改变数值要加上一个.value才可以修改值currentIndex.value=index3.使用代码切换路由import{useRouter}from"vue-router"constrouter
至尊绝伦·2022-08-26 11:38

【javaWeb微服务架构项目——乐优商城day02】——Vue.js(认识Vue，Node和NPM，Vue实例，指令，组件化，路由vue-router)

Vue.js学习目标0.前言1.认识Vue2.Node和NPM2.1.下载Node.js2.2.NPM3.快速入门3.1.创建工程3.2.安装vue3.2.1.下载安装3.2.2.使用CDN3.2.3.推荐npm安装3.3.vue入门案例3.3.1.HTML模板3.3.2.vue声明式渲染3.3.3.双向绑定3.3.4.事件处理4.Vue实例4.1.创建Vue实例4.2.模板或元素4.3.数据4.
我不是靓仔ing·2022-08-25 07:13

vue-router详解

vue-router1.vue-router是什么SPA的路径管理器路由模块的本质就是建立起url和页面之间的映射关系2.vue-router实现原理**单页面应用核心之一：更新视图而不重新请求页面**提供了两种方式：HashHistory根据mode参数来决定采用哪种方式Hash默认hash模式使用URL的hash来模拟一个完整的URL当URL改变时页面不会重新加载Hash模式通过锚点值的改变根
Kylin橙橙·2022-08-25 07:43

详解vue route介绍、基本使用、嵌套路由

嵌套路由1.布局逻辑2.效果展示3.代码四、注意前言想要学习完整内容请关注主页的专栏————>Vue学习本次的代码段是结合体，被我分开发文，我以在看代码段时，已经截图展示，所看部分一、介绍、安装1.定义vue-router
·2022-08-24 14:55

vue-router 传参：query传参、params传参

文件配置（按顺序展示，非一次性展示）3、运行二、params传参1、文件配置2、运行3、传多个数据4、params对象方式传参一、query传参（query传参演示在二级路由基础上演示，二级路由参考：vue-router
淮南枳丶·2022-08-24 09:38

vue3的路由配置

src下新建名为router的文件夹在里面新建index.js在其index.js中放入以下代码：//vue3路由配置import{createRouter,createWebHistory}from'vue-router'constrouter
会飞的猪@·2022-08-24 09:08

vue2进阶篇：vue-router之路由的params参数

文章目录10.7路由的params参数案例：将案例改为“路由的params参数”完整代码本人其他相关文章链接10.7路由的params参数注意点1：跳转路由并携带params参数，to的对象写法中，不能配置path参数，不然页面会没效果（就是点击完数据都没了），正确写法只能配置name属性，不能配置path属性注意点2：两种写法跳转路由并携带params参数，to的字符串写法{{m.title}}
刘大猫.·2022-08-24 09:06

vue-router路由的三种传参方式（params/query）

路由传参：传参方式可分为params传参和query传参，其中params又可分为url中显示参数和不显示参数1、params传参（显示参数）声明式：router-link该方式通过router-link的to属性实现，子路由需要提前配置好参数{path:'/child/:id',component:Child}跳转到子路由编程式：this.$router.push该方式同样需要子路由提前配置好参
Share_Li_98·2022-08-24 09:36

vue-router路由参数（params和query）

⼀、params和queryparams⽅法传参的时候，要在路由后⾯加参数名占位；并且传参的时候，参数名要跟路由后⾯设置的参数名对应。/user/:id这个路由匹配/user/111,/user/222这⾥的id就是paramsquery⽅法，就没有这种限制，直接在跳转⾥⾯⽤就可以。/user?id="111"/user?id="222"这⾥的id就是query⼆、query和params的⽤法1
阿尔兹·2022-08-24 09:36

vue-router

多个路由需要路由器(router)进行管理前端路由：key是路径，value是组件6.1路由基本使用安装vue-routernpmivue-router@3引入并使用importVueRouterfrom'vue-router'Vue.use
青铜世纪·2022-08-23 10:28

vue 粘贴板

vue3路由跳转import{useRouter,useRoute}from"vue-router";const{query}=useRoute();constrouter=useRouter();constroute
writeSpace·2022-08-22 11:21

02 要想项目跑，轮子不可少

normalize.css，element-plus，axios，moment，vue-router，less，前端必知必会的轮子你都知道吗？
DOM哥·2022-08-19 22:00

vue路径上如何设置指定的前缀

解决这个时候我们可以使用vue-router中的base这个属性，使用这个属性就可以在路径前面添加指定的前缀。exportdefaultnewRouter({ mode
·2022-08-19 18:19

Vue3中使用pnpm搭建monorepo开发环境

Typescript准备两个模块sharedreactivity编写构建脚本完成第一次调试小结前言Vue3源码阅读系列，计划从环境搭建开始，将Vue3的响应式模块，运行时模块和编译器模块，以及状态库Pinia、路由库Vue-Router
·2022-08-19 18:17

Vue 项目部署到GitHub Pages

部署前注意事项vue-router不要开启history模式正常项目中我们会因为网站路径中带有“#”而将vue-router开启history模式，以去掉#号。
我是来写bug的吧·2022-08-19 10:47

【精讲】vue框架 路由（hash及history）区别、ui组件库

写在的位置：（写在index.js中）hash与history的区别：使用hash在地址栏中会出现/#/不美观但是兼容性好，而history在地址栏中不会出现/#/但是兼容性略差3：使用路由该标签是一个vue-router
共创splendid--与您携手·2022-08-19 10:39

优乐商城04-2 ES6 Vue

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用0.前言前几天我们已经对后端的技术栈有了初步的了解
小狐狸学java@你猜啊·2022-08-19 10:37

认识Vue扩展插件

如vue-router添加Vue实例
·2022-08-18 09:13

开发过程中那些包应该放到devDependencies,dependencies

devDependenciesdependencies:"core-js":"^3.6.5","vue":"^2.6.11"/react高端项目一般会封装核心core-js库devDependencies“axios”:“^0.21.1”,vue-router
小李科技·2022-08-17 16:07

vue中关于redirect(重定向)初学者的坑

目录关于redirect(重定向)初学者的坑vue-router路由重定向redirect的使用事项关于redirect(重定向)初学者的坑第一个对象里是配置路由重定向path:’/'为项目的根目录，redirect
·2022-08-16 12:59

vue-router

一、实现原理ps:“更新视图但不重新请求页面”是前端路由原理的核心之一(参考：https://zhuanlan.zhihu.com/p/27588422)vue-router三种运行模式：hash:使用
青城墨阕·2022-08-15 19:30

让react-router/vue-router躺一边凉快去

有没有发现，在大家使用React/Vue的时候，总离不开一个小尾巴，到哪都得带着他，那就是react-router/vue-router，而基于它们的第三方框架又出现很多个性化约定和扩展，比如nuxtjs
·2022-08-15 13:10

vue开发移动端h5环境搭建的全过程

目录技术选型环境搭建引入库配置环境运行网络封装结语补充总结技术选型公司现在需要开发移动端的h5，使用现在比较流行的vue2.0开发，使用的脚手架是Vant2，网络访问使用的是axios，路由跳转使用的是vue-router
·2022-08-15 10:15

Vue-Router报错：Uncaught (in promise)Error: Navigation cancelled from “/“ to “/1“ with a new navigation

1、场景描述最近在工作的nuxt项目中，使用vue-router替代nuxt的默认路由，这样使路由关系更明显，也更好调整，再就是可以使用vue-router的编程式导航，进行路由跳转。
努力的小朱同学·2022-08-15 00:28

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

---路由跳转两种方式：声明式导航，编程式导航注意:编程式导航（push|replace）才会有这种情况的异常，声明式导航是没有这种问题，因为声明式导航vue-router底层内部已经解决这种问题。
The..Fuir·2022-08-14 09:39

vue中的vue-router query方式和params方式详解

以及传递参数params方式传递参数router-link中的写法如下编程式路由导航下面说一下,props的三种赋值的方式看一下第一种使用props的代码第二种方式第三种方式我们在vue中项目中,使用vue-router
·2022-08-13 12:31
上一页 42 43 44 45 46 47 48 49 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他