Vue-router

vue3.0添加路由router

首先下载vue-routeryarnaddvue-router@next2.创建文件router/index.jsimport{createRouter,createWebHashHistory}from"vue-router
洛小鱼_大怪兽·2021-04-13 03:25

简单实现VUE-Router

安装vueaddrouter核心步骤步骤一：使用vue-router插件//router.jsimportRouterfrom'vue-router';VueRouter是一个插件1）实现并声明两个组件
·2021-04-10 02:52

简单实现VUE-Router

安装vueaddrouter核心步骤步骤一：使用vue-router插件//router.jsimportRouterfrom'vue-router';VueRouter是一个插件1）实现并声明两个组件
·2021-04-10 02:14

history的pushState和replaceState

pushState和replaceStateHTML5新接口，可以改变网址(存在跨域限制)而不刷新页面，这个强大的特性后来用到了单页面应用如：vue-router，react-router-dom中。
李霖弢·2021-04-09 13:09

vue2.0项目－calendar.js(日历组件封装)

最近一直闲来无事，便寻思着做一下自己的个人项目，也想说能使用现在比较流行的一些mvvm框架来做，于是就选用了这样的一个技术栈vue2.0+vue-router+vuex+webpack来做，做得也是多页面应用，使用vue-router
·2021-04-05 11:30

简单vue项目脚手架

简单vue项目脚手架github地址使用技术栈webpack(^2.6.1)webpack-dev-server(^2.4.5)vue(^2.3.3)vuex(^2.3.1)vue-router(^2.5.3
·2021-04-05 11:59

Vue-router 报错：NavigationDuplicated

版本：3.1.x报错原因：使用push()、replace()进行导航时，不能重复导航到当前路由。解决办法：方法1：在定义路由的文件中router/index.jsconstoriginalPush = VueRouter.prototype.pushVueRouter.prototype.push = functionpush (location) {returnoriginalPush.cal
·2021-04-05 02:39

vue系列--实现一个简单的vue-router

一个简单的vue的路由实现首先要确定我们要做的功能点VueRouter是一个插件，要有install方法要实现router-view和router-link两个组件要监听url的变化，hash模式要监听hashchange事件，history模式要监听popstate事件实现根据不同的路由变化显示不同的组件1.声明类classSimpleVueRouter{}2.注册install方法，接收Vue
·2021-04-01 22:07

基于Vue+element-ui实现后台管理系统 菜单权限控制+按钮权限控制

路由配置importVuefrom"vue";importRouterfrom"vue-router";Vue.use(Router);/*Layout*/importLayoutfrom"@/layout
楚叫兽·2021-03-31 16:07

vue-multi-tab--一个让你在SPA里使用多页签的框架页

一个基于tab的路由)的单页面,多页签应用程序.我之前写这个项目的时候,有写了一篇记一次基于vue的spa多页签实践经验然后就部分热心网友就在下面回复了一些其他类似的项目,我逐一查看了一下,发现基本都是基于vue-router
·2021-03-30 22:46

基于vite2+vue3.x实战小视频/直播聊天|vue3.0仿抖音短视频

技术栈编码+技术：vscode+vite2/vue3.0/vue-router/vuex4UI组件库：vant3(有赞移动端vue3组件库)弹层组件：v3popup（移动端v
·2021-03-27 23:47

router

vue-router安装方式一：通过vue-cli，在项目创建的时候将router勾选上。
nirvanaAndRebirth·2021-03-25 18:28

Laravel+vue实现history模式URL可行方案

vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
·2021-03-25 16:40

【源码系列】浅析vue-router的三种模式

浅析vue-router的三种模式面试官：请说一下vue-router的2种模式...我：vue-router不是有3种模式吗？？？一.前言vue-router到底有几种模式？
·2021-03-23 13:57

基于Vue3的一个前端应用平台搭建方案（element+axios+qs+vue-router+scss）

作者也是趁着空闲时间，特意搭建了一个基于vue3的web前端应用平台，该平台基于element-plus实现前端UI展示，vue-router实现路由管理，axios与qs实现网络api请求，scss实现页面布局属性控制
北溟溟·2021-03-19 18:34

vue路由两种引用方式的区别

4.废话不多说,直接上代码:importVuefrom'vue'importVueRouterfrom'vue-router'//1、直接把组件引入进来,不关路径访问或不访问,都把组件引用进来importHomefrom
·2021-03-18 18:51

hash和history两种模式的区别

众所周知，vue-router有两种模式，hash模式和history模式，这里来谈谈两者的区别。
Veb·2021-03-18 17:57

简易Vue-Router版源码实现

Vue-Router的两种模式思路Hash模式1、hash即URL中#后面的部分。
·2021-03-17 15:34

Vue路由实现（一）:Vue.use(Router)中做了什么？

路由的使用importVuefrom'vue'importRouterfrom'vue-router'importHomefrom'./views/Home.vue'importAboutfrom'.
·2021-03-17 04:59

20180308_vue-router前端权限控制问题

vue-router前端权限控制问题前提纲要：1.用户A和用户B有不同的权限。
·2021-03-16 00:30

vue-router 导航钩子

vue-router提供的导航钩子主要用来拦截导航，让它完成跳转或取消。
·2021-03-14 01:50

vue路由两种引用方式的区别

4.废话不多说,直接上代码:importVuefrom'vue'importVueRouterfrom'vue-router'//1、直接把组件引入进来,不关路径访问或不访问,都把组件引用进来importHomefrom
·2021-03-11 19:49

vue-router

vue-routerhash模式和history模式区别：（写的很好）https://segmentfault.com/q/1010000010340823
xilong·2021-03-10 20:36

命名路由和命名视图

前言：前面我们把动态路由、嵌套路由等讲完了，说道完命名路由和命名视图，vue-router的基本使用方法就算是介绍完了，还想仔细探究的同学可以去官网翻阅，加深理解。
Ewall_熊猫·2021-03-10 09:47

Vue路由实现（一）:Vue.use(Router)中做了什么？

路由的使用importVuefrom'vue'importRouterfrom'vue-router'importHomefrom'./views/Home.vue'importAboutfrom'.
·2021-03-09 22:34

Vue-router编程式导航的两种实现代码

页面导航的两种方式声明式导航：通过点击链接实现导航的方式，叫做声明式导航例如：普通网页中的链接或vue中的编程式导航：通过调用JavaScript形式的API实现导航的方式，叫做编程式导航例如：普通网页中的location.href编程式导航基本用法常用的编程式导航API如下：this.$router.push(‘hash地址')this.$router.go(n)constUser={templ
·2021-03-09 22:51

vue-router路由懒加载及实现的3种方式

什么是路由懒加载？也叫延迟加载，即在需要的时候进行加载，随用随载。官方解释：1：当打包构建应用时，JavaScript包会变得非常大，影响页面加载。2：如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。官方在说什么呢？为什么需要懒加载？1：首先，我们知道路由中通常会定义很多不同的页面。2：这个页面这项目build打包后，一般情况下，会放在一个
·2021-03-09 21:14

vue-router懒加载的3种方式汇总

未使用懒加载importVuefrom'vue';importRouterfrom'vue-router';importHelloWorldfrom'@components/HelloWorld';Vue.use
·2021-03-09 21:14

vue-router中hash模式原理

利用a连接的跳转及监听window的hashchange事件拿到跳转的hash，借助于vue的component组件，实现组件跳转。主页财经体育生活constzhuye={template:`主页信息`}constcaijing={template:`财经信息`}consttiyu={template:`体育信息`}constshenghuo={template:`生活信息`}constvm=ne
怠惰Zsj·2021-03-08 16:17

Vue全家桶- vue-router

vue-router2.1在项目目录下的src目录下创建router目录，创建JS文件安装路由功能2.2创建路由实例，并传入路由映射配置路由history模式2.3在Vue实例中导入并挂载创建的路由实例2.4使用vue-router
7--up·2021-03-08 16:38

Vue-Element-Admin基础

本项目技术栈基于ES2015+、vue、vuex、vue-router、vue-cli、axios和element-ui一、介绍vue-element-admin是一个后台前端解决方案，它基于vue和element-ui
瘾丶病·2021-03-05 17:16

Vue方向：Vue-Router路由

路由介绍Vuerouter是Vue.js的官方路由管理器，用于构建单页面项目，在安装Vue-cli时，选择router即可安装，期间有一个是否启用history选项，可以先选择no,也就是hash模式，可以在配置中更改成history模式，安装后，npmrunserve启动项目，会发现link,单页面链接，在hash模式下，链接地址前会有#号，改成history模式则没有#号更改模式在：src/r
听书先生·2021-03-04 23:54

vue-router有几种钩子函数？具体是什么及其参数

全局路由全局前置守卫：beforeEachconstrouter=newVueRouter({...})router.beforeEach((to,from,next)=>{//...})每个守卫方法接收三个参数：to:Route:即将要进入的目标路由对象from:Route:当前导航正要离开的路由next:Function:一定要调用该方法不然会阻塞路由。执行效果依赖next方法的调用参数。ne
LQ271524·2021-03-04 16:07

vue-router有哪几种导航钩子

第一种全局导航钩子constrouter=newVueRouter({...});router.beforeEach((to,from,next)=>{//dosometing});这三个参数to、from、next分别的作用：1.to:Route，代表要进入的目标，它是一个路由对象2.from:Route，代表当前正要离开的路由，同样也是一个路由对象3.next:Function，这是一个必须需
侒然·2021-03-03 20:48

基于后端SSM及前端VUE的在线作业管理系统的功能介绍

mybatis、druid连接、pagehelper分页、fileupload文件上传、fastjson对象转JSON前端：vue框架、element-ui、axios、mavon-editor编辑器、vue-router
天光云影照方塘·2021-03-03 00:51

vue-router路由懒加载以及三种实现方式

什么是路由懒加载？也叫延迟加载，即在需要的时候进行加载，随用随载。官方解释：1：当打包构建应用时，JavaScript包会变得非常大，影响页面加载。2：如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。官方在说什么呢？为什么需要懒加载？1：首先，我们知道路由中通常会定义很多不同的页面。2：这个页面这项目build打包后，一般情况下，会放在一个
Ajiia·2021-02-26 12:02

《vue3从零搭建一个后台》(四)、项目的样式 及 Vue-router 和vuex的配置

配置环境的最后一环。配置UI这里选用了ElementPlus，忽略掉项目样式的设计时间。用现成的。ElementPlus，一套为开发者、设计师和产品经理准备的基于Vue3.0的桌面端组件库。官方文档=>ElmentPlus使用npm的方式安装，它能更好地和webpack打包工具配合使用。npminstallelement-plus--save//npm配置淘宝源，下载效果更佳，百度教程//-s安装
康言先森·2021-02-25 16:23

仿网易云PC端项目-vue

wangyiMusicPlayer.wangyiMusicPlayer——这是一个仿网易云PC端的的项目（vue）项目简介：本项目使用的后端接口{接口文档已放在项目中，自行下载使用}前端采用技术：1.vue-cli,vue-router
苏米素·2021-02-25 15:55

预告：Javascript全栈开发的系列文章

大的定了，小的也就跟着来，前端配套的话需要：vue-router，前端路由管理vuex,前端数据管理，专业一点的
·2021-02-23 20:37

vue vue-router vuex element-ui axios 的学习笔记（七）完善登录注册

现在我们已经能够在服务器环境下完成注册操作了登录功能login.vue用户登录系统登录重置还没有账号，马上去注册import{LoginUser}from'../api/api'exportdefault{//....data(){return{LoginForm:{username:'',password:''},logining:false,rule:{username:[{required:
·2021-02-22 22:05

vue vue-router vuex element-ui axios的学习笔记（五）注册页面和连接Mongodb

注册页面注册页面regin.vue的代码和登录页面的代码差不多，就是要自己写2个验证，电话号码和确认密码的验证规则regin.vue代码用户注册注册重置已经有账号，马上去登录exportdefault{data(){letconfirmpasswordCheck=(rule,value,callback)=>{if(value===''){returncallback(newError('密码是必
·2021-02-22 22:04

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（二）配置路由

组件规划和写路由结构预想中要实现的功能：主页home商品展示products使用帮助FAQ用户操作manger用户信息manger/my发货管理manger/send历史发货manger/history登录login注册regin固定头部header底部footer实现思路，先创建好每个组件每个组件的内容就像这样home.vuehome写完后的结构写路由结构router/index.js打开rou
·2021-02-22 22:34

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（一）初始化项目

创建项目learn直接在工作空间下用vue-cli来创建vueinitwebpacklearn安装依赖执行cnpmicnpmrundev成功的话讲出现这个画面正式开始写项目1、首先修改项目结构目前的结构新建一个vuex文件夹，用来管理部分状态，比如登录里面新建一个store.js新建一个api文件夹，用来写axios的请求借口,里面放一个api.js新建一个data文件夹，用来存放或模拟数据，放一
·2021-02-22 22:34

vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:““NavigationDuplicated“... 的解决方法

报错方法一、更换版本[email protected]方法二修改入口文件//main.jsimportRouterfrom'vue-router'constoriginalPush=Router.prototype.pushRouter.prototype.push
waillyer·2021-02-22 17:13

vue高级进阶( 一 ) 组件精髓概述

组件分类vue组件主要包含：由vue-router产生的页面，可以称之为路由组件独立基础组件：例如Date和input这之类的可以全局复用的基础组件业务组件，除了以上两种就是业务组件组件精
一人创客·2021-02-22 11:03

从零开始，用elementui躺坑vue - Router原理分析

上一篇，小编讲到在vue-router中是通过mode这一参数控制路由的实现模式的。今天就让我们深入去观摩vue-router源码是如何实现路由的路由起源-后端路由路由这个概念最先是后端出现的。
·2021-02-20 11:48

从零开始，用elementui躺坑vue - Router原理分析

上一篇，小编讲到在vue-router中是通过mode这一参数控制路由的实现模式的。今天就让我们深入去观摩vue-router源码是如何实现路由的路由起源-后端路由路由这个概念最先是后端出现的。
·2021-02-20 11:35

Vue3里的setup中如何使用this.$router.push等路由方法

$router.push等方法进行路由的跳转，但是在Vue3的setup函数里，并没有this这个概念，因此如何使用路由方法解决：在新的vue-router里面尤大加入了一些方法，比如这里代替this的
Oliver尹·2021-02-19 17:08

大前端–Vue前端体系、前后端分离

大前端–Vue前端体系、前后端分离前言Soc:关注点分离原则HTML+CSS+JS(视图)：给用户看，刷新后台给的数据网络通信:axios页面跳转：vue-router状态管理：vuexVue-UI：ICE1
流浪所·2021-02-18 21:18

Vue的router-link路由跳转但页面没有刷新！！

原因vue-router中router-link路由跳转也传统的路由跳转不同，vue-router的路由跳转其实是组件之间的跳转。因此：在跳转相同组件不会触发vue的视图更新。
Bakst·2021-02-18 15:09
上一页 55 56 57 58 59 60 61 62 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他