Vue-router

vue组件、路由、事件

$refs来获取元素和组件路由什么是路由在vue中使用vue-router在路由规则中定义参数使用children属性
海韵༒听心·2019-12-30 23:00

Vue2.0学习笔记（二）--路由与页面间导航

一、vue-router1.安装npminstallvue-router-D2.使用vue-router是一个插件，需要在Vue的全局引用中通过Vue.use()将它引用到Vue实例当中。
Ginger12·2019-12-30 18:54

vuex+axios+es6+vue-router+elementui管理系统实践

创建项目vuecreatevuextest2cdvuextest2yarnserve安装vuex,vue-router,element-ui//安装vuexnpminstallvuex--save//或
北风吹_1d86·2019-12-30 04:51

Vuejs2.0开发仿QQ音乐webpp案例分析

仿QQ音乐webapp是基于Vue2.0，vuex，vue-router，axios和html5的flexiblebox布局与及css3的transform，animation，transition组成
Evtion·2019-12-29 23:44

vue知识点归纳与总结(笔记)

旨在检验自己的积累,也方便忘记时查阅,同时也希望能帮助那些这方面知识匮乏的同行门,总结是基于vue2.x,vue-cli3.x,主要记录些，vue常用的指令、事件，监听、数据绑定、过滤器、组件、动画、vuex，vue-router
yaoxfly·2019-12-29 20:13

前端常见面试题（三）@郝晨光

在Vue中，我们使用component内置组件或者vue-router切换视图的时候，由于Vue会主动卸载不使用的组件，所以我们不能保存组件之前的状态，而我们经常能遇到需要保存之前状态的需求，例如搜索页
郝晨光·2019-12-29 06:59

如何将 vue-router、UI框架等第三方从打包文件中抽取出来

通常用webpack打包vue项目后会有一个vendors的js。这里面包含了我们项目引入的所有第三方工具和部分业务代码。所以基本打包完后vendors文件都非常大。下面就是如何把第三方工具从vendors中提取出来。首先要说明的是：如果要将依赖于Vue的第三方工具提取出来，那么首先要将Vue提取出来。因为存在引用的先后顺序问题，如果只提取第三方工具的话会导致第三方工具找不到Vue实例。下面直接上
原来是禽兽·2019-12-29 06:00

基于 Vue 和 Electron 的拦截登录 Demo

该项目是根据一个项目学会前端实现登录拦截项目的思想，基于ElementUI完成一个登录，拦截登录，登出，利用GitHubAPI获取数据等功能的一个小demo，利用了vue，vue-router，vuex
无亦情·2019-12-29 05:50

Vue概况

客户端路由：引入vue-router进行路由管理。大规模状态管理：引入vuex，便于页面之间、不同组件之间共享状态，如用户信息。构建工
Miss_麦兜·2019-12-29 04:58

Vue.js开发个人博客(3)----主页编写

难点vue-router的使用，官方推荐的router插件，GitHub:https://github.com/vuejs/vue-route
waka·2019-12-29 02:38

点击进入另外一个页面时，路由重复

论坛进入user页中时，会跳入到localhost:8080/user/user/{id}中，解决办法：importvueRouterfrom'vue-router'constoriginalPush=
执念_6afc·2019-12-28 22:49

vue-router用法记录

Vue-Router简介Vue-Router是Vue.js官方维护的路由插件，同时也是官方推荐的路由插件。它与Vue.js内核深度结合，让开发单页应用更加容易简便。
SunnySky_·2019-12-27 19:58

vue中如何-巧-妙-的引入v-u-e--a-w-e-s-o-m-e-s-w-i-p-e-r

今天在优化项目，vue项目的首页加载一直是问题，特别是引入第三方库的时候，打包出来的文件很大，今天就遇到了这样的问题，项目的vue、vuex、axois、vue-router等包括第三方库通通用CDN引入
古墩古墩·2019-12-27 15:00

从零搭建vue项目：3vue-router控制路由导航

提供了官方路由组件，指导教程如下https://router.vuejs.org/zh/研究了2天，之前的项目修改如下/src/router/index.js/src/components/index.vue效果vue-router
程则·2019-12-27 11:14

前端之vue面试题

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
前端攻城小牛·2019-12-27 10:41

Vue-router基本使用

1路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about按钮，页面中就要显示about的内容。Home按钮=>home内容，about按钮=>about内容，也可以说是一种映射.所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。点击之后，怎么做到正确的对应，比如，我点击home按钮，页面中怎么就正好能显示home的内
你好陌生人丶·2019-12-27 08:47

vue-router 常用知识点二

目录-1.vue-router动态路由匹配-2.router-link组件及其属性-3.vue-router路由的两种模式-4.vue-router有哪几种导航钩子（导航守卫）？-5.完整的导航解析流程-6.vue-router实现路由懒加载（动态加载路由）参考https://www.jianshu.com/p/a88a2ae4ebde-1.vue-router动态路由匹配我们经常需要把某种模式匹
我跟你蒋·2019-12-27 07:21

vue之路由嵌套

这时候我们就需要用到vue-router嵌套路由实现。设置默认项使用redirect属性即可。
乖乖女dome·2019-12-26 11:00

路由vue-router

#==>技巧：善用路由传参!!!this.$router.push({path：‘/main’,query:{id:this.saveProno}})query：表示传递的参数，即url后使用?拼接的参数，其参数数量不限制使用方法：上个页面通过query在路由传递参数，当前页面通过this.$router.query.id获取传递过来的参数，然后可以进行ajax参数传递，或者用于localstor
royluck·2019-12-26 00:10

2019-12-09Vue-cli3如何配置添加路由

步骤如下：安装路由npminstallvue-router创建router.js与mian.js同级router.js中的内容为importVuefrom'vue'importRouterfrom'vue-router
KASON·2019-12-25 22:22

vue-router

main.js中||在src/router文件夹下的index.js中这里只说在src/router/index.js中的1.引入importVuefrom'vue'importRouterfrom'vue-router
不染事非·2019-12-25 20:33

vue学习之vue-router使用整理笔记

用Vue.js+vue-router创建单页应用，是非常简单的，基本是这样的：组件→路由→渲染地方路由的使用HelloApp!默认会被渲染成一个``标签-->GotoFooGotoBar//0.如果使用模块化机制编程，導入Vue和VueRouter，要调用Vue.use(VueRouter)//1.定义（路由）组件。//可以从其他文件import进来constFoo={template:'foo'
阿go·2019-12-25 17:40

vue路由mode模式：history与hash的区别

引言对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变视图的同时不会向后端发出请求。
帅哥哥写代码·2019-12-25 10:46

从零学习vue之登录页面demo

目的：初步掌握vue、vuex和vue-router，贯通vue单页面应用流程与配置页面：首页用户信息页登出1.用户状态管理采用vuex储存，在每一个mutations中不仅改变用户状态，而且使用sessionStorage
小前seant·2019-12-25 08:19

【vue】vue-cli脚手架、webpack打包工具安装。

最近打算做一个基于vue的仿外卖APP，前期需要做一些安装配置工作，所涵盖的技术栈有vue、vue-router、vue-resource、vue-cli、webpack、ES6与localstorage
老夫当年也是神一般的少年·2019-12-24 19:33

Recipe-Box Recipe模块

20180105174650.png修改路由文件index.js（路径：resources/assets/js/router下）importVuefrom'vue';importVueRouterfrom'vue-router
三仕贰號·2019-12-24 17:01

浅析vue-router中params和query的区别

1.引入方式不同query要用path来引入this.$router.push({path:'test',query:{type:2,detail:'哈哈'}})params要用name来引入this.$router.push({name:'test',query:{type:2,detail:'哈哈'}})2.url不同query在url中显示参数http://localhost:8080/de
白树·2019-12-24 11:21

【源码】vue-rotuer1 原理

大纲hash路由history路由vue-router简单实现vue中的数组，对象添加属性的监听（1）Hashurl的hash以#开头，原本是用来作为锚点，从而定位到页面的特点区域当hash改变时，页面不会刷新
省局到·2019-12-24 11:12

Vue现代化使用方法(五)--vue-router

vue-router是vue全家桶中，用来控制路由的插件安装依然使用npm进行安装npminstallvue-router--save基本使用方式//在项目目录建立两个文件pageA.vue和pageB.vue
li4065·2019-12-24 11:14

【原】vue-router中params和query的区别

1.引入方式不同query要用path来引入this.$router.push({path:'test',query:{type:2,detail:'哈哈'}})params要用name来引入this.$router.push({name:'test',query:{type:2,detail:'哈哈'}})2.url不同query在url中显示参数http://localhost:8080/de
白色橡树·2019-12-24 11:00

【原】vue-router中params和query的区别

1.引入方式不同query要用path来引入this.$router.push({path:'test',query:{type:2,detail:'哈哈'}})params要用name来引入this.$router.push({name:'test',query:{type:2,detail:'哈哈'}})2.url不同query在url中显示参数http://localhost:8080/de
白树·2019-12-24 11:00

vue router-link 返回上一页

1、如果使用了Vue-router的话，就可以用this.$router.go（-1）实现返回；2、如果没使用vue-router，就可以用window.history.go（-1）实现返回效果。
ruanhongbiao·2019-12-24 10:12

vue项目实现路由按需加载(路由懒加载)的3种方式

vue异步组件es提案的import()webpack的require,ensure()vue异步组件技术====异步加载vue-router配置路由,使用vue的异步组件技术,可以实现按需加载.但是,
子心_·2019-12-23 22:54

使用vue-axios和vue-resource解决vue中调用网易云接口跨域的问题

1.新建vue项目1.1新建项目新建项目vueinitwebpackaxios_resource然后具体设置如下设置项目名称,项目描述,作者,Runtime+Compiler回车即可注意这里要安装vue-router
北极熊猫2017·2019-12-23 22:25

vue-router实现原理

vue-router实现原理近期面试，遇到关于vue-router实现原理的问题，在查阅了相关资料后，根据自己理解，来记录下。
ygunoil·2019-12-23 21:00

vue学习笔记（四）

开发SPA过程中，路由必不可少，vue的官方推荐是vue-router。
间阳幕宾·2019-12-23 19:58

工程化笔录

这里需要添加逻辑操作，当页面加载时，遍历icons，且对icon的个数进行动态计算，将结果push到一个二维数组中（2）axios接口调用与mock数据模拟（3）模拟调用接口数据---编写json模拟数据（4）vue-router
剑仙6·2019-12-23 17:00

VueRouter源码分析(1)--主要执行步骤

前言本文是vue-router2.x源码分析的第一篇，主要看vue-router的整体结构！
风之化身呀·2019-12-23 14:53

12.Vue+ElementUI

1.创建工程创建一个名为hello-vue的工程vueinitwebpackhello-vue安装依赖，我们需要安装vue-router、element-ui、sass-loader和node-sass
海恋天·2019-12-23 12:00

VUE打包后路径错误的问题小结

一:如果你的项目路由vue-router使用的是history模式，当将项目放到服务端的时候，后端需要做相应的配置（见官方文档）。如果是传统的hash模式则万事ok。
working_Poor·2019-12-23 03:45

11.vue-router路由

1.什么是vue-router路由VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
海恋天·2019-12-23 01:00

nuxt.js学习

1.nuxt.js简介nuxt.js是一个基于vue.js的通用框架，集成了Vue2、Vue-Router、Vuex、Vue-ssr(服务端渲染)、Vue-Meta，最常用的是用来作ssr（服务端渲染）
xikoo0·2019-12-22 23:53

vue-router解析

->服务器解析请求的路径->拿取对应页面->返回出去前端路由输入url->js解析地址->找到对应地址的页面->执行页面生成的js->看到页面后端路由时代，典型的mvc时代，前端路由是mvvm时代2、vue-router
洁本佳人·2019-12-22 21:51

Vue_VueRouter

简介Vue和vue-router创建SPA应用。vue-router作用.通过路由规则，渲染各自的组件。Vue开发，整个应用已经被拆分成了独立的组件。
alogy·2019-12-22 21:09

Vue中cli起步配置环境

vue.js有著名的全家桶系列，包含了vue-router，vuex，vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。
Monica_b73c·2019-12-22 20:43

vue项目按需加载

1、vue异步组件技术vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。但是，这种情况下一个组件生成一个js文件。
崔某猿·2019-12-22 19:49

vue vue-router 完美实现前进刷新，后退不刷新。附scrollBehavior源码解析

而vue-router给我们提供了一个叫scrollBehavior的回调函数，我门可以用这个方法结合keep-alive能很好的实现这个功能，下面第一步附上
程序汪丶·2019-12-22 15:37

Vue2简单入门

Vue2简单入门Vue.js再入门Vue.js使用vue-router构建单页应用Vue.js状态管理工具Vuex快速上手Vue.js简介Vue.js是当下很火的一个JavaScriptMVVM库，它是以数据驱动和组件化的思想构建的
_ihhu·2019-12-22 15:55

vue-router 动态路由下子页面多页共活的解决方案

我们都知道vue-router的动态路由匹配对组件是原地复用的策略，需要我们在组件中根据不同的$route参数展示不同的数据，这在大部分情景下是很高效的做法，但这无疑增加了组件的复杂度，而且不同参数间切换因为是同组件复用
asseek·2019-12-22 14:56

vue-router的简单使用

vue-router的简单使用根据不同的地址跳转到不同的页面，SPA单页应用，单页面应用就是视觉感觉是页面的切换，但页面其实一直没有刷新，项目文件中也只有一个.html文件。
剃了胡子·2019-12-22 13:52
上一页 113 114 115 116 117 118 119 120 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他