VueRouter

vue router实践

VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
skycolor·2022-02-11 08:27

Vue2+VueRouter2+Webpack+Axios 构建项目实战(一)基础知识概述

Vue2+VueRouter2+Webpack+Axios构建项目实战(一)基础知识概述基本理念通过对接cnode.js的公开api的列表，以及详情页面，实现一个超小型的项目实战，尽可能的掌握vue的项目入门的各项关键配置
huangshulang1234·2022-02-10 09:43

Vue项目实战：电商后台管理系统（Vue+VueRouter+Axios+Element）

目录电商后台管理系统1.功能开发模式技术选型登录用户管理权限管理角色列表权限列表商品管理商品列表分类参数商品分类订单管理数据统计2.技术问题登录功能保存token路由导航守卫控制访问权限退出功能通过axios请求拦截器添加token其它3.项目预览首页用户管理用户列表添加用户权限管理角色列表权限列表商品管理商品列表分类参数商品分类添加商品订单管理数据统计电商后台管理系统项目已经上线，体验地址：ht
webchang·2022-02-09 14:28

router(VueRouter 源码解析)

components下是两个组件和2.history是路由方式的封装，提供三种方式3.util下主要是各种功能类和功能函数4.create-matcher和create-router-map是生成匹配表5.index是VueRouter
小棋子js·2022-02-09 12:21

Vue路由

vue-router.js第二步准备路由所需组件,赋值给变量第三步创建路由对象,在这个对象里去配置路由对象varrouter=newVueRouter({})这里new的对象是vue-router.js中封装好的只能用VueRouter
长度在3厘米左右·2022-02-09 03:03

Vue Router 4 的使用，一篇文章给你讲透彻

Vue3.X使用VueRouter4.x进行路由配置，本文我们就来研究下如何使用VueRouter4.x，本文中所有的使用方式都是使用CompositionAPI的方式。
JonnyLan·2022-02-07 09:49

手写 Vue Router 源码

VueRouter基础回顾使用步骤首先使用vuecli创建一个Vue项目来回顾一下vuerouter的使用。全局安装vuecli。npmi-g@vue/cli安装完成后检查版本是否正常。
_千神·2022-02-07 01:46

Vue路由vue-router

概述前端路由路由就是根据不同的url地址来展示不同的内容或页面.VueRouter是Vue.js官方的路由管理器github:https://github.com/vuejs/vue-router中文官方网站
_羊羽_·2022-02-06 00:19

你画我猜笔记

一、目标vue+node实现你画我猜先做个手机网页版功能，后续目标是迁移到微信小程序上二、技术方案前端主要用到了webSocket+vuex+vuerouter+webpack后端用koa2框架+ws库三
摇了摇头oO·2022-02-05 00:22

vue-router基本配置（传参、嵌套、重定向）

VueRouter中文文档动态路由匹配（相应路由参数的变化）情景：当文章列表页跳转文章详情页时，需要传递文章id写法一：1、文章详情页路由配置：{path:"/ArticleDetail/:id",component
2019吖·2022-02-03 04:08

Vuex、VueRouter

vuex本节vuex需要掌握，state、getters、mutations、actions、module的含义、定义方法、调用方法state全局状态constcount=computed(()=>store.state.count)//使用computed为其保留响应式getters从state中派生出的状态，类似于vue中的计算属性computed定义：接收state、getters、root
·2022-01-29 17:13

Vue Router笔记

今天重新把VueRouter文档的基础部分再看了一遍，一边看一边随手记了一些动态路由匹配每次成功导航后都会产生一个新的路由对象，组件内：this.
Yandhi233·2022-01-27 19:32

浅谈VueRouter 嵌套路由

嵌套路由的使用从文档中可知，嵌套路由的使用场景为，可以根据提供的URL来访问对应层级的组件，并将子组件的内容，渲染至上一级的中文档给出的图示：/user/foo/profile/user/foo/posts+------------------++-----------------+|User||User||+--------------+||+-------------+|||Profile||
·2022-01-07 16:52

Vue学习-VueRouter路由基础

目录一、VueRouter1、说明2、选中路由的渲染：3、基本工作原理二、实战1、创建一个带router的vue项目2、打开项目中的src/router/index.js文件3、在浏览器中打开项目4、新建路由一
·2021-12-23 10:26

(Vue-cli)二、初始路由vue-router&安装使用swiper插件&安装使用Echarts

1.VueRouter路由VueRouter是Vue.js官方的路由管理器，可以实现页面的跳转。
Jinxchan·2021-12-18 01:58

Vue-Cli—02.创建Vue Router路由 / Swiper插件 / Echarts库

一、什么是VueRouter路由VueRouter它是Vue.js官方的路由管理器。实现页面的跳转，让构建单页面应用变得易如反掌。
萌新g·2021-12-11 20:06

Vue-cli ——路由&Swiper& ECharts

routerrouter目录里新建一个index，把有关路由的组件放在这里导入vueimportVuefrom'vue'导入路由importVueRouterfrom'vue-router'使用路由Vue.use(VueRouter
我的安娜有点菜·2021-12-11 20:55

Vue Router 4.x

思维导图简介VueRouter是Vue官方指定路由，其赋能Vue实现单页应用（SPA，SinglePageApplication）前端路由功能。本文主要介绍下VueRouter4.x的相关使用方法。
Whyn·2021-12-01 23:21

VueRouter实现原理

VueRouter类图image.pngVueRouter类属性：options：记录构造函数中传入的对象；路由规则routeMap：是一个对象；用来记录路由地址和组件之间的对应关系；即将传入的路由规则解析到
hao102·2021-11-28 12:31

vue 中的动态传参和query传参操作

Vuerouter如何传参params、query是什么？params：/router1/:id，这里的id叫做params。
·2021-11-27 11:26

[vue] Vue-router（路由）的使用

介绍基本使用安装vue-router，命令：npmivue-router应用插件：Vue.use(VueRouter)编写router配置项:router/index.js//该文件专门用于创建整个应用的路由器
533_·2021-11-14 13:23

用了很多动效，介绍 4个很 Nice 的 Veu 路由过渡动效！

VueRouter过渡是向Vue应用程序添加个性的一种快速简便的方法。它让我们可以在应用程序的不同页面之间添加平滑的动画
·2021-11-10 08:27

VuePress搭建个人博客

VuePress是一个以Markdown为中心的静态网站生成器，一个VuePress站点本质上是一个由Vue在和VueRouter驱动的单页面应用(SPA)。
橙子只过今天·2021-11-02 08:01

前端开发之Vue开发框架的主要特征

语法即可上手开发，另一方面Vue易于部署，并支持模块化、渐进式交付，既可以单独在页面的某一区域引入Vue，对该区域的数据与视图使用新特性，保持原有的用户体验不变，前端培训也支持在前端使用Vue、Vuex与VueRouter
·2021-10-25 10:55

详解VueRouter 路由

目录vuerouter1、认识路由的概念1.1、何为路由1.2、后端路由阶段1.3、前端路由阶段1.4、前端渲染和后端渲染？
·2021-10-18 17:32

Vue3使用路由VueRouter4的简单示例

路由vue-router4保持了大部分API不变，我们只关注变化部分即可。安装yarnaddvue-router@4引入cdn使用router.jsimport{createRouter,createWebHistory}from"vue-router";importHomefrom"./views/Home.vue";constroutes=[{path:"/",component:Home},
·2021-10-18 17:30

Vue中Vue.use()的原理及基本使用

例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用axios时，就不需要用Vue.use(axios)，就能直接使用。那这是为什么呐？因为axios没有install。
·2021-10-13 08:56

【vue】Vue-Router路由管理

模式Modules1.1安装与基本使用//安装npminstallvue-router--save//main.js内引入importVueRouterfrom'vue-router'Vue.use(VueRouter
·2021-10-06 17:43

手摸手教你实现页面tab和导航菜单记忆功能

首先是主要的顶部layuitab组件的结构，tab里面有个iframe容器，主要使用iframe来当做对应页面的视图，类似vueRouter中的，每
·2021-10-03 21:52

vue路由+权限

router.jsimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)importloginLayoutfrom'..
小米和豆豆·2021-09-30 13:31

Vue-Router路由所有相关方法讲解(全)，实战教学含登录拦截，万字长文，建议收藏

目录router的基本使用main.jsApp.vuerouter文件夹下的index.js(抽离router)动态传参+编程式导航App.vueuser.vue组件嵌套路由路由传参,懒加载router
前端老实人·2021-09-22 15:14

新来的前端小姐姐问：Vue路由history模式刷新页面出现404问题

本文分享自华为云社区《学习VueRouter，HTML5History模式，因为history模式刷新页面会出现404》，作者：DevFeng。
·2021-09-09 12:26

Vue Router简单版实现

路由描述的是URL与UI之间的映射关系，即URL变化引起UI更新（无需刷新页面），在Vue生态种提供了VueRouter，来实现单页面前端路由。
·2021-09-06 11:00

vue路由相对路径跳转方式

目录vue路由相对路径跳转1.append属性2.router.resolve方法vuerouter动态路由点击跳转路径地址重复追加在练习写vuerouter动态路由时碰到的问题vue路由相对路径跳转今天写东西遇到多层路由
·2021-08-22 15:40

Web前端学习笔记20：Vue_路由_Vue Router_模块化的分类_babel_webpack_Element-UI

文章目录第一阶段学习1.路由的概念2.前端路由的初体验3.VueRouter简介4.VueRouter的使用步骤(★★★)5.嵌套路由，动态路由的实现方式A.嵌套路由的概念(★★★)B.动态路由匹配(★
JasonYangQ·2021-08-17 14:20

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

介绍VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
·2021-08-04 00:17

Vue Router 4 的相对之前的变化

VueRouter4已经发布了，我们来看看新版本中有哪些很酷的特性。Vue3支持Vue3引入了createAppA
·2021-07-30 08:04

Vue Router 使用步骤 （Vue2.x）

使用步骤当我们使用vue/cli创建项目的时候选择上Router，会自动安装VueRouter插件，并且生成VueRouter的基础代码结构注册路由Vue.use是用来注册插件，它需要接收一个参数，它会调用传入对象的
KK_boy·2021-07-22 23:05

Vue.use()详解

例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用axios时，就不需要用Vue.use(axios)，就能直接使用。那这是为什么呐？
your_own_king·2021-07-17 16:17

vue如何搭建动态权限路由

1.首先搭建一张默认的无权限路由，这里我只写了一个登录页importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)constroutes
月_关·2021-06-27 19:08

vue.js Router中嵌套路由的实用示例

让我们创建一个相对简单的用例，来展示VueRouter中嵌套路由的实用性。
·2021-06-27 13:36

Vue学习笔记

Vue学习笔记1.创建项目npminstall-g@vue/clivuecreatehello-world2.VueRouter//安装包npminstallvue-router//main.jsimportRouterfrom'vue-router'Vue.use
双流小二郎·2021-06-27 06:39

vue-route基础用法（1）

目录下新建router文件夹，并添加index.js文件router/index.js代码如下importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
方_糖·2021-06-26 15:03

从构建vue项目开始，来分析vue项目中的细节以及知识点： 3.main.js

本文几个知识点：1、sass2、sass依赖报错的问题原因分析3、main.js入口文件的作用4、render:h=>h(App)的含义5、router以及VUERouter路由守卫6、router.beforeEach
空尼Java·2021-06-25 18:35

什么是vue router

来,我们一起来看看vue-router官网:https://router.vuejs.org/zh/VueRouter是Vue.js官方的路由管理器。
爱吃汉堡的涛·2021-06-25 10:10

vue3踩坑记录

今天起正式将前面vue2的项目升级成vue3，该项目将使用elementui3+vue3+vuerouter4+typescript完成，这里将迁移碰到的一些问题，记录一下。
不语u·2021-06-23 05:19

Vue Router

VueRouter安装vue-routernpminstallvue-router--save搭建框架在模块化工程中使用它（因为是一个插件，所以可以通过Vue.use()来安装路由功能）第一步：导入路由对象
·2021-06-22 21:16

Vue Router

VueRouter安装vue-routernpminstallvue-router--save搭建框架在模块化工程中使用它（因为是一个插件，所以可以通过Vue.use()来安装路由功能）第一步：导入路由对象
·2021-06-22 21:57

详解Vue-Router的安装与使用

Router的相关配置Router.routes的相关配置实现一个简单的路由1.配置路由2.在组件中实现路由1.router-link用于实现路由的跳转组件:该组件支持的属性2.router-view根据当前VueRouter
·2021-06-21 10:19

vue路由设置和传递参数

/router';Vue.use(VueRouter);总体路由的配置constRouterConfig={mode:'history',//是否显示#号在路由连接前routes:routers//路由注入
杰出噜·2021-06-21 06:23
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他