vue-router

【编程鹿】学Vue.js这一篇就够了「万字学会|通俗易懂」下篇

1540394364528路由vue-router场景模拟现在我们来实现这样一个功能：一个页面，包含登录和注册，点击不同按钮，实现登录和注册页切换。
鹿老师的Java笔记·2020-11-20 22:47

Vue3.0初体验 - 新功能以及相关库使用

看完文章，你会学习到：vue3的使用安装vue3的新特性vuex，vue-router的升级和使用老样子，下面我们直接开冲！体验Vue3的方式vue-cli官方指定cli工具
Ekko_·2020-11-20 21:44

Vue3.0初体验 - 新功能以及相关库使用

看完文章，你会学习到：vue3的使用安装vue3的新特性vuex，vue-router的升级和使用老样子，下面我们直接开冲！体验Vue3的方式vue-cli官方指定cli工具
Ekko_·2020-11-20 16:53

vue router 刷新404问题

vue-router的默认hash模式使用URL的hash来模拟一个完整的URL，当URL改变时，页面不会重新加载。但是这种hash很丑，也不符合对URL的使用习惯。
jrue·2020-11-20 16:41

Vue快速入门指南

0.学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用1.前言前几天我们已经对后端的技术栈有了初步的了解
Tinacsdn·2020-11-20 13:26

springboot图书商城项目_springboot+vue.js搭建图书管理系统开源项目

sbmAVue.jsproject项目说明此项目为图书管理系统前台，使用vue.js,vue-resource,vue-router,iView2.0UI框架,vue-quill-editor等技术实现前台页面
Hu??·2020-11-20 08:00

vue3.0 修炼手册

当然，还有一些后续工作（vuex,vue-router,cli,vue-test-utils,DevTools,Vetur,Nuxt）待完
wuwhs·2020-11-19 11:02

狂神Vue学习笔记

1、VueSoc:关注度分离原则HTML+CSS+JS：视图：给用户看，刷新后台数据网络通信：axios页面跳转：vue-router状态管理：vuexVue-UI：ICEVue:一款渐进式JavaScript
qq_41194348·2020-11-19 09:18

vue中一个项目里兼容移动端和pc端

话不多说，上代码先来看一下我的文件路由文件index.js：importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter
swx980·2020-11-18 18:40

vue router-link 默认a标签去除下划线的实现

我就废话不多说了，大家还是直接看例子吧~.router-link-active{text-decoration:none;}vue的router-link默认的a标签点击会有一个阴影补充知识：vue-router
·2020-11-17 13:10

vue-router懒加载的三种方式

未使用懒加载importVuefrom'vue';importRouterfrom'vue-router';importHelloWorldfrom'@components/HelloWorld';Vue.use
默翟·2020-11-17 09:21

Vue基础知识点总结

vue总结基础什么是mvvm常用指令let与const过滤器生命周期函数Vue的组件化注册组件的步骤：全局组件和局部组件组件数据的存放组件里的datajs文件的打包父子组件之间的通讯脚手架路由安装使用vue-router
锦鲤儿·2020-11-16 21:55

Vue 动态添加路由及生成菜单

动态生成路由利用vue-router的addRoutes方法可以动态添加路由。
谭光志·2020-11-16 18:19

Vue项目首屏加载速度优化

一、路由懒加载1、作用提升用户体验，提升首屏组件加载速度，解决白屏问题2、代码示例2.1未使用路由懒加载importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
唐云·2020-11-16 13:58

总结vue知识体系之高级应用篇

相关推荐总结vue知识体系之基础入门篇总结vue知识体系之实用技巧总结几个vue-router的使用技巧搭建一个vue-cli的移动端H5开发
lzg9527·2020-11-16 12:45

Vue项目首屏加载速度优化

一、路由懒加载1、作用提升用户体验，提升首屏组件加载速度，解决白屏问题2、代码示例2.1未使用路由懒加载importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
唐云·2020-11-16 12:03

vue-router 起步步骤

1.在main.js中导入vue-router和组件importVueRouterfrom'vue-router';//导入vue-router并将它命名为VueRouterimportgoodsfrom
Lifault·2020-11-15 14:06

新版vue-router的hooks用法

我搭建了一个Vue3的脚手架项目，用这种方式搭建的脚手架项目不仅仅只有vue是新版的，就连vue-router、vuex都是最新的。
手撕红黑树·2020-11-14 11:04

Koa入门教程[4]-开发并部署todo-list应用

回车后添加到任务列表点击任务列表条目，或点击条目后的删除按钮，可以删除一个todo项目点击完成按钮，可以把某个条目标记为已完成这个项目我们采用前后端完全分离的方式来开发前端技术栈:Vue2.x、Axios、Vue-Router
sheldon·2020-11-13 17:50

详解vue-router的导航钩子(导航守卫)

vue官方提供的路由管理器vue-router提供的导航钩子，通过跳转或取消的方式守卫导航。以下总结了路由钩子函数的使用方法和一些使用场景。
·2020-11-13 13:58

Vue-router传递参数以及动态加载

开门见山本篇文章主要是给大家带来怎么在路由中传递参数，其实这是个很常见的功能方式1在路径中通过占位符携带参数，具体演示如下constroutes=[{path:'/',name:'Index',component:Index},{path:'/detail/:id',//重点name:'Detail',component:()=>import(/*webpackChunkName:"detail"
ZhandsomeZ·2020-11-11 12:27

vue3.0 使用 vue-router以及vueX的简单使用

首先通过vue-cli搭建,vue-cli版本大于4.0vuecreate[项目名称]选择vue3版本vue3.0的setup函数Lsetup函数执行时期在beforeCreate之后、created之前执行需要非常注意的是在vue3.0的setup函数中是无法访问到this的页面渲染数据，以及页面的一些函数事件都需要通过return出去,基本结构如下import{reactive,toRefs}
学而不化，非学也。·2020-11-11 09:04

vue全家桶(vue-router简版源码的实现)

vue-routerVueRouter是Vue.js官⽅的路由管理器。它和Vue.js的核⼼深度集成，让构建单页面应用变得易如反掌。嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动条行为安装：vueaddrouter核⼼步骤：
我不生产代码，我只是代码的搬运工·2020-11-08 20:45

关于Vue-router史上最全详解

前言：vue-router是什么？为什么我们不像原来一样直接用a标签编写链接？如何使用？常见路由操作有哪些？VueRouter是什么VueRouter是Vue.js官方的路由管理器。
itsnekodeng学习技术博客·2020-11-04 10:58

Vue-cli4.0路由的配置

）如果需要传值path写成path:‘product/:id’,形式（3）一般都写一个home父模板其他往里填//拉取依赖importVuefrom'vue';importVueRouterfrom'vue-router
火腿肠烧烤大赛冠军·2020-11-02 19:36

（四）vue-router 路由守卫

（一）vue-router中的参数importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'Vue.use
Luckyzhoufangbing·2020-10-28 22:56

手写简易版vue-router

关注前端开发博客，回复“加群”加入我们一起学习，天天进步作者：wangkaiwdhttps://github.com/wangkaiwd/simple-vue-routervue-router是开发vue项目中必不可少的依赖，为了能更好的理解其实现原理，而源码阅读起来又过于复杂和枯燥，笔者这里实现一个简易版本的vue-rouer，帮助自己来更好的理解源码。其功能如下：通过Vue插件形式使用支持ha
前端开发博客·2020-10-28 09:00

Vue-router中的导航守卫（前置守卫、后置钩子）

一.前置守卫现在我们来考虑一个需求：在一个SPA应用中，如何改变网页的标题呢？网页标题是通过来实现的，但是SPA只有一个固定的HTML，切换不同的页面时，标题并不会改变那么在Vue项目中，要怎么修改呢？此时就可以使用导航守卫导航守卫的作用：监听路由跳转的过程实现代码如下：利用beforeEach方法来完成标题的修改首先在映射中定义一些标题，用meta元数据来定义constroutes=[{path
元气满满鸭·2020-10-27 14:30

vue-router的两种参数传递方式：params和query

一.vue-router参数传递1.传递参数的方式传递参数主要有两种类型：params和queryparams的类型：传一个值时，用params配置路由格式：/router/:id(与之前的动态路由相似
元气满满鸭·2020-10-26 20:31

vue-router路由懒加载以及嵌套路由的实现

一.vue-router打包文件的解析在vuecli中，打包文件夹dist下会分为css和js文件夹，分别存储css和js打包代码。
元气满满鸭·2020-10-26 19:30

vue-router的基本框架及写法，router-view与router-link

一.安装和使用vue-router步骤一：安装vue-router:npminstallvue-router--save步骤二：在模块化工程中使用它如果使用Vuecli脚手架，在配置时选择安装，则我们可以在
元气满满鸭·2020-10-25 20:30

vue切换页面过渡动画效果

importVuefrom'vue';importRouterfrom'vue-router';导入依赖importHomefrom'@/pages/home/Home';导入需要动画的页面importListfrom
为了_理想·2020-10-24 10:35

vue-cli3 打包优化

1、设置路由懒加载importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)constindex=r=>require.ensure([]
_ing_f909·2020-10-21 15:47

微信invalid signature，微信IOS分享失效，微信刷新之后IOS不能分享，spa单页面微信分享，wx.ready不执行？

使用的是vue-router的模式。大概有ABCD四个页面吧。自己想的很美好，也上网查阅了前辈们说的大概意思就是：ios页面在根目录下执
-祖国的花朵-·2020-10-16 17:13

vue-router中,父级路由不能有name属性

vue项目中,使用了vue-router,我的场景是在一个路由中嵌套了子级路由,然后我在运行项目的时候,给出了警告:[vue-router]NamedRoute'Layout'hasadefaultchildroute.Whennavigatingtothisnamedroute
suchcl·2020-10-16 09:03

Vue:在线博客项目开发日志

前言在线博客项目基于Vue2.6及相关技术栈vue-router,vuex完成，单页项目。
buuoltwo·2020-10-13 12:03

全栈项目——仿写trello

项目技术点介绍前端使用Vue搭建axios实现网络请求vuex实现全局状态管理vue-router实现路由嵌套和跳转实现文件上传实现路由history模式
xymspace·2020-10-13 09:04

Vue-router 响应路由参数变化

当使用了vue-router的push之后，mounted和created方法没有被再次执行。因此，我们需要在路由参数变化之后，重新获取数据渲染。监听$route的变化在
IMJCW·2020-10-12 09:34

vue之动态路由

那么，我们可以在vue-router的路由路径中使用『动态路径参数』（dynamicsegment）来达到这个效果：方法目录constUser={template:`User{{$route.params.id
ferrint·2020-10-11 16:51

浅谈vue-router(一)

简介:vue-router是Vue.js官方提供的路由插件，用于构建单页面应用vue-router是基于组件的路由用于设定特定的访问路径，讲路径和组件映射起来在vue-router单页面应用中页面的路径改变就是组件之间来回切换步骤一
大白白·2020-10-11 16:21

vue-router2.0学习笔记

Vue.js的一大特色就是构建单页面应用十分方便，既然要方便构建单页面应用那么自然少不了路由，vue-router就是vue官方提供的一个路由框架。
艰苦奋斗的侯小憨·2020-10-11 00:49

vue各种资源集

本文将会不断更新和整理基于vue、vue-router、vuex、webpack、postcss等实现移动端解决方案：https://github.com/redgang/redx-vuevue脚手架：
fullbook·2020-10-10 19:12

Vue路由History模式分析

Vue路由History模式分析Vue-router是Vue的核心组件，主要是作为Vue的路由管理器，Vue-router默认hash模式，通过引入Vue-router对象模块时配置mode属性可以启用
WindrunnerMax·2020-10-10 18:00

vue 项目中不同路由且同一组件识别

这是因为vue-router会识别出两个路由使用的是同一个组件从而进行复用，并不会重新创建组件，因此组件的生命周期钩子自然也不会触发。
someone·2020-10-10 17:24

vue 项目中不同路由且同一组件识别

这是因为vue-router会识别出两个路由使用的是同一个组件从而进行复用，并不会重新创建组件，因此组件的生命周期钩子自然也不会触发。
someone·2020-10-10 17:24

手写vue - 简单VueRouter的实现

vue手写简单router如何手写一个简单的router一、什么是vue-router?
莫名就·2020-10-10 15:57

vue -- 路由安装 入门使用

前置守卫验证是否登录安装路由cnpminstall--savevue-router配置路由创建src/router/index.js目录，输入以下代码importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
程序员小哲·2020-10-10 13:48

手写简易的 Vue Router

前言还是那样，懂得如何使用一个常用库，还得了解其原理或者怎么模拟实现，今天实现一下vue-router。
JackySummer·2020-10-10 12:37

vue-router

路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的aboutexportdefault{data(){return{dynamicSegment:''}},watch:{$route(to,from){//to表示的是你要去的那个组件，from表示的是你从哪个组件过来的，它们是两个对象，你可以把它打印出来，它们也有一个param属性consol
Elliott_d3ae·2020-10-10 01:08

vue项目总结（2）vue-router（为做登录拦截准备）

我们开始就采用了前后端分离的开发模式；话说vue不兼容IE8；不扯太多；总结一下前端在control层面做的控制；也就是路由的跳转部分；这样才能再深一步的开发了解一下前端路由在说到登录拦截的时候必须要结合路由使用的前端路由1.hash模式随着ajax的流行，异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是SPA——单页应用。单页应用不仅仅是在页面交互是无刷新的，连页面
吴高亮·2020-10-09 23:32
上一页 59 60 61 62 63 64 65 66 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他