VueRouter

Electron开发-electron+vue全家桶

electron+Vue+Vuex+VueRouter已有的Vue项目目录如下，做过Vue项目的同学们肯定都已经很熟悉了。注意！我们都是在electron项目中操作的！1.合并package.j
·2021-04-06 18:08

Vue-router 报错：NavigationDuplicated

解决办法：方法1：在定义路由的文件中router/index.jsconstoriginalPush = VueRouter.prototype.pushVueRouter.prototype.push
·2021-04-05 02:39

webpack雪碧图实现（webpack管理小图标素材）

雪碧图也叫CSS精灵，是一CSS图像合成技术，这里介绍webpack实现雪碧图//新手建议先看上一篇文章，结合实例容易理解；//webpack+vue+vueRouter模块化构建完整项目实例超详细步骤
·2021-04-02 19:15

webpack+vue+vueRouter模块化构建完整项目实例超详细步骤（附截图、代码、入门篇）

>开始（确认已经安装node环境和npm包管理工具）1、新建项目文件名为vuedemo2、npminit-y初始化项目>安装项目依赖3、npminstall--savevue默认安装最新版vue4、npminstall--save-devwebpackwebpack-dev-server安装webpack，webpack-dev-server（是一个小型的Node.jsExpress服务器）*拓展
·2021-04-02 19:15

Vue2+VueRouter2+webpack+vue-cil构建完整项目实例（附:详细步骤截图）

一、用vue-cil来构建一个项目，先把基本项目跑起来1、新建文件夹目录：2、打开vueProject文件夹按住shift键右击选择在此处打开命令窗口（cmd）3、检测nodejs和npm本版，确认已经安装node环境和npm包管理工具（下载地址：http://nodejs.cn/；）；4、首先，需要安装vue-cil，命令如下：（vue-cil是vue的脚手架工具）$npminstall-gvu
·2021-04-02 19:15

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

一个简单的vue的路由实现首先要确定我们要做的功能点VueRouter是一个插件，要有install方法要实现router-view和router-link两个组件要监听url的变化，hash模式要监听
·2021-04-01 22:07

Vue3+Typescript 踏坑小记

学习文档Vue3Vue2迁移Typescript入门教程VueRouter4原生问题setTimeout类型问题：请加入window开头表示是web的，不然编辑器要求使用NodeJS.Timeout类型
小吉很低调·2021-04-01 16:32

Vue基础&&进阶

来自拉钩教育-就业集训营1.1Vue.js1.2Vue.js基础1.3axios1.4computed计算属性1.5filter过滤器1.6watch侦听器1.7Component组件1.8Vue生命周期1.9VueRouter
Yuanc丶·2021-03-29 18:47

electron+vue3仿QQ聊天应用|Electron+Antdv聊天客户端实例

技术框架编码器：VScode使用技术：Vue3.0+Electron11.2.3+Vuex4+VueRouter@4组件库：Ant-design-vue^2.0.0(蚂蚁金服pc端vue3组件库)打包工具
·2021-03-27 23:47

Vue笔记--Router路由--VueRouter--重定向、别名、导航守卫、mode

别名、导航守卫、mode重定向redirect改变路由的跳转路径示例{path:'/xxxx',//改变路由的跳转路径redirect:'/'}首页主题内容重定向回到首页//路由的选择性配置（也可也放在VueRouter
德芙小雨更配·2021-03-17 17:31

Vue笔记--Router路由--VueRouter--三、动态路由

$route.params中示例第一个跳转第二个跳转第一个跳转//创建VueRouter实例constrouter=newVueRouter({rout
德芙小雨更配·2021-03-17 17:56

Vue笔记--Router路由--VueRouter--四、监听路由参数

四、监听路由参数因为通过动态路由切换组件时，并不是重新创建实例，所以生命周期钩子只能执行一次，通过监听路由参数来监听路由变化提醒一下，当使用路由参数时，例如从/user/foo导航到/user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调通过watch监听$route监听route，当路由变化时，做出响
德芙小雨更配·2021-03-17 17:45

Vue笔记--Router路由--VueRouter--五、路由传参处理

五、路由传参处理通过设置路由的props：true，通过组件的props接收实际上就是将vm.$route.params的值传给props如果路由包含多个组件（命名视图）时，props需要根据组件的名称去一一对应设置如果希望设置静态数据，可以将props的每个组件对应的选项设置为对象，内部属性会绑定给组件的props示例第一个跳转第二个跳转第三个跳转第四个跳转constroutes=[{path:
德芙小雨更配·2021-03-17 17:25

Vue笔记--Router路由--VueRouter--六、嵌套路由

六、嵌套路由路由由多层嵌套的组件组合而成，这时就需要使用嵌套路由配置路由使用children属性进行嵌套路由中的子路由设置示例首页首页2constroutes=[{path:'/',component:{template:`页面1页面2`},//设置子路由children:[{path:'index_page1',component:{template:`内容1`},//子路由children:[
德芙小雨更配·2021-03-17 17:42

Vue.use

用法在项目中我们经常使用到Vue.use，比如Vue.use(ElementUI),Vue.use(vueRouter),那么我们来看一看Vue的使用方法。
·2021-03-17 04:27

Vue 如何打包纯前端静态资源项目

解决方案修改VueRouter的路由模式为默认的hash模式修改src/router/index.js文件，把mode:'history'这一行注释掉就行修改Webpack打包配置修改bu
·2021-03-15 13:33

Vue 如何打包纯前端静态资源项目

解决方案修改VueRouter的路由模式为默认的hash模式修改src/router/index.js文件，把mode:'history'这一行注释掉就行修改Webpack打包配置修改bu
·2021-03-15 13:57

Vue方向：Vue-Router路由

路由介绍Vuerouter是Vue.js的官方路由管理器，用于构建单页面项目，在安装Vue-cli时，选择router即可安装，期间有一个是否启用history选项，可以先选择no,也就是hash模式，
听书先生·2021-03-04 23:54

Vue Router 源码模拟实现

VueRouter实现原理导入模块注册插件（Vue.use传入函数时直接调用，传入对象时调用对象install方法）创建路由对象newVueRouter参数是对象创建Vue实例加载router//注册插件
翔子丶·2021-02-28 17:18

Vue.use

用法在项目中我们经常使用到Vue.use，比如Vue.use(ElementUI),Vue.use(vueRouter),那么我们来看一看Vue的使用方法。
·2021-02-26 21:02

前端面试题2

jsoo原型链2.老虎机原理Js排他思想index3.怎么强行修改element-ui样式/deep/4.vuecreatedmounted执行哪些东西11.261.map()和forEach区别2.vuerouter
Daaayyy71·2021-02-25 10:16

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

在以前用模板引擎开发页面时，经常会看到这样的地址http://www.vueRouter.com/login大致流程可以看成这样：浏览器发起请求服务器监听到端口请求，如（80，443）请求，解析URL路径根
·2021-02-20 11:48

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

在以前用模板引擎开发页面时，经常会看到这样的地址http://www.vueRouter.com/login大致流程可以看成这样：浏览器发起请求服务器监听到端口请求，如（80，443）请求，解析URL路径根
·2021-02-20 11:35

vueRouter push问题的思考

背景在开发vue的前端项目中，我们常常使用编程式路由来完成导航页面的切换。大家基本上都会使用到this.$router.push的方法。常见的使用方法是：this.$router.push({name:'a'});this.$router.push({path:'/a'})在项目的开发过程中，我使用了push方法采用上面的第二种方式，但是我书写的方式并没有带'/',我当时的路由假设为'/a',执行
·2021-02-18 18:13

vueRouter push问题的思考

背景在开发vue的前端项目中，我们常常使用编程式路由来完成导航页面的切换。大家基本上都会使用到this.$router.push的方法。常见的使用方法是：this.$router.push({name:'a'});this.$router.push({path:'/a'})在项目的开发过程中，我使用了push方法采用上面的第二种方式，但是我书写的方式并没有带'/',我当时的路由假设为'/a',执行
·2021-02-18 18:55

VUE2 入坑指南06--路由

http请求中不会包含hash相关的内容引入：npminstallvue-routerimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
又见霸王色·2021-02-02 23:10

vue-router的使用，以及路由守卫的使用，复制直接用！

importVuefrom'vue'//引入VUE实例importVueRouterfrom'vue-router'//引入vue路由Vue.use(VueRouter)//vue实例调用路由constroutes
前端攻城狮路飞·2021-02-02 12:50

vue中router和route的区别、

vue中router和route的区别1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象
hh12121·2021-02-02 10:33

从零开始，用elementui躺坑vue - Router

VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。学习Vue，VueRouter是必须要掌握的技能之一。
·2021-01-29 09:01

从零开始，用elementui躺坑vue - Router

VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。学习Vue，VueRouter是必须要掌握的技能之一。
·2021-01-29 09:20

手写一个简单的vue-router（其实很简单）

//1.注册路由插件（这里执行的是对应插件的install方法，所以要实现一个静态的install方法）Vue.use(VueRouter)//2.编写路由规则constroutes=[{path:'/
Xiao_yi_fei·2021-01-22 21:09

Vue | Vue Router 路由的使用

Main.js中引入路由5、添加router-link以及router-view6、测试效果二、参数传递以及重定向1、参数传递方式1方式22、重定向三、404跳转处理四、进入路由前结合Axios获得后台数据VueRouter
只是曾路过·2021-01-21 17:04

History Router Nginx 配置

一、Index.html存在服务器本地这种方式应该是非常普遍的,在VueRouter的官方文档中也提到了,只需要配置一个locationtry_files默认指向index.html即可。
·2021-01-21 16:49

vue-router源码解析（二） —— install

vue-router源码解析（二）——install文章目录系列文章目录前言一、index.js中的install二、install.js总结前言上一篇简单介绍了下vue-router的源码大体思路框架，本篇详细解析下VueRouter
娃哈哈_·2021-01-18 15:34

vuerouter3种模式_vue-router 路由模式有几种？

1js的基本数据类型?2JavaScript有几种类型的值？3什么是堆？什么是栈？它们之间有什么区别和联系？4内部属性[Class]是什么？5介绍js有哪些内置对象？6undefined与undeclared的区别？7null和undefined的区别？8如何获取安全的undefined值？9说几条写JavaScript的基本规范？10JavaScript原型，原型链？有什么特点？11js获取原型
李广波·2021-01-13 22:19

"export 'default' (imported as 'VueRouter') was not found in 'vue-router'

解决VueCLI4运行出现“export‘default‘(importedas‘Vue‘)wasnotfoundin‘vue‘的问题在使用cli4创建项目的时候当时选择了默认配置所以像vue-router以及vuex等都是后面再自己去下载的但是cli4的main.js又和之前有一些不一样的地方之前在main中挂载的代码一般都是这个样子的importVuefrom"vue";importAppfr
xx小白xx·2021-01-07 14:33

vue-router

.全局前置路由守卫2.路由独享守卫（在路由配置上定义）3.组件内路由守卫过渡动效滚动行为控制（todo:模拟“滚动到锚点”的行为：）路由懒加载把组件按组分块API—基础—引入的步骤0.Vue.use(VueRouter
lake_go·2021-01-07 11:20

VueRouter——原理实现（八.1）

写在开头左思右想还是决定再加一章，这章主要介绍路由的原理实现，并且会使用代码模拟VueRouter的原理。我学习前端的感觉是，框架有很多，会用就可以。
Coder_WangYu·2021-01-06 02:23

Vue路由-VueRouter（核心插件）

1、路由原理1、需要路由的原因：传统开发方式url改变后，立刻发生请求，响应整个页面，有可能资源过多，传统开发会让页面出现白屏的现象，或者加载慢！2、路由原理：SPA(SinglePageApplication)单页面应用锚点值改变，不立刻发送请求，而是在合适的时机发Ajax请求，局部改变页面数据（改变页面的局部组件）3、优点：页面不立刻跳转用户体验好4、模拟路由的实现1.定义一个a标签，2.用w
一声蔷薇udVkP·2021-01-06 02:43

VueRouter——原理实现（八.1）

写在开头左思右想还是决定再加一章，这章主要介绍路由的原理实现，并且会使用代码模拟VueRouter的原理。我学习前端的感觉是，框架有很多，会用就可以。
Coder_WangYu·2021-01-06 01:22

Vue3应用之使用Vite搭建Vue3项目以及TypeScript、Vue Router、Vuex、Ant Design的使用

目录前言使用Vite搭建Vue3.0项目1.全局安装Vite2.使用Vite创建Vue3项目3.配置Vite4.插件依赖安装eslint-plugin-vueTypeScript[VueRouter](
前端小新_XH·2021-01-05 18:59

VueRouter——过渡动效-滚动行为（七）

1.过渡动效看看代码：app.vue：/*enter*/.v-enter{transform:translateX(1000px);}.v-enter-active{transition:all.5s;}.v-enter-to{transform:translateX(0px);}效果如下：2.滚动行为先来模拟一个场景：细心的朋友能够发现，右侧的滚动条在跳转后仍然在原来的位置。而我们通常见到的切换
Coder_WangYu·2021-01-04 21:34

VueRouter——过渡动效-滚动行为（七）

1.过渡动效看看代码：app.vue：/*enter*/.v-enter{transform:translateX(1000px);}.v-enter-active{transition:all.5s;}.v-enter-to{transform:translateX(0px);}效果如下：2.滚动行为先来模拟一个场景：细心的朋友能够发现，右侧的滚动条在跳转后仍然在原来的位置。而我们通常见到的切换
Coder_WangYu·2021-01-04 21:37

vue 定义全局弹框_VUE全局路由前置守卫：路由拦截登录校验

VueRouter对路由集中统一管理，所以我们可以在main.js中添加如下代码，对所有路由进行拦截：router.beforeEach((to,from
迷茫的新客·2021-01-02 23:57

VueRouter——导航守卫拦截（六）

前言：本篇为使用导航守卫和路由元信息编写的demo，用途是做拦截和询问，本篇中涉及的知识在上篇及上几篇中均有详细说明。如果对于某些知识不是很了解可以到前面的篇章中学习，或者留言给我。源码地址：https://github.com/coder-Wang...clone时切换到分支6.导航守卫拦截，具体操作：gitclone-b6.导航守卫拦截https://github.com/coder-Wang
Coder_WangYu·2020-12-31 03:32

VueRouter——导航守卫拦截（六）

前言：本篇为使用导航守卫和路由元信息编写的demo，用途是做拦截和询问，本篇中涉及的知识在上篇及上几篇中均有详细说明。如果对于某些知识不是很了解可以到前面的篇章中学习，或者留言给我。源码地址：https://github.com/coder-Wang...clone时切换到分支6.导航守卫拦截，具体操作：gitclone-b6.导航守卫拦截https://github.com/coder-Wang
Coder_WangYu·2020-12-31 02:13

before vue路由钩子_VUE路由拦截：Vue自定义全局弹窗组件

VueRouter对路由集中统一管理，所以我们可以在main.js中添加如下代码，对所有路由进行拦截：router.beforeEach((to,from
陈村·2020-12-31 00:42

VueRouter——导航守卫-路由元信息（五）

/components/home.vue"Vue.use(VueRouter)constrouter=newVueRo
Coder_WangYu·2020-12-28 18:42

VueRouter——命名视图（四）

1.命名视图1.1不命名是什么效果：个人博客首页文章近期热门行业相关最新发布关于看看结果：为什么会这样？因为三个路由视图渲染的是同一个组件。1.2命名视图怎么用：router.js：{path:'/',components:{default:Home,haveName:()=>import("../components/haveName.vue"),},},app.vue：个人博客首页文章近期热门
Coder_WangYu·2020-12-28 18:24

VueRouter——命名视图（四）

1.命名视图1.1不命名是什么效果：个人博客首页文章近期热门行业相关最新发布关于看看结果：为什么会这样？因为三个路由视图渲染的是同一个组件。1.2命名视图怎么用：router.js：{path:'/',components:{default:Home,haveName:()=>import("../components/haveName.vue"),},},app.vue：个人博客首页文章近期热门
Coder_WangYu·2020-12-28 18:24
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他