Vue-router 第105页

vue.js进阶之组件

因为之前的项目用了vue，但是是边学边用，很多细节都不熟悉，比如vue-router，之前也写过vue+browserify构建大型应用。这次写一个vue最强大的功能，就是vue的组件。

daisy_Hawen·2020-06-26 10:23

用Vue.js 和 vue-router 创建单页导航和分页

Vue.js和vue-router简介：Vue.jsue.js（读音/vjuː/,类似于view）是一个构建数据驱动的web界面的渐进式框架。

大灰狼的小绵羊哥哥·2020-06-26 10:13

基于 vue-cli 的 Vue js 单页应用项目模板

技术栈Vue、Webpack、ES6、vue-router、Vuex、SASS、PostCSS等。参考Vue.js中文网vue-router中文网Vuex中文网Vue

大灰狼的小绵羊哥哥·2020-06-26 10:41

vue-router 2.0 常用基础知识点之router.push()

router.push(location)http://www.jianshu.com/p/ee7ff3d1d93d除了使用创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的URL，则使用router.push方法。这个方法会向history栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的

大灰狼的小绵羊哥哥·2020-06-26 10:41

Vue 2.0 起步(2) 组件及 vue-router实例 - 微信公众号RSS

参考：Vue2.0起步(1)脚手架工具vue-cli+Webstorm2016+webpackvue-router官方文档什么是组件？下面引自官网：组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。它提供了一种抽象，让我们可以用独立可复用的小组件来构建大型应用。如果我们考虑到这点，几乎任意类型的应用的界面都可以抽象为一个组件树：component

大灰狼的小绵羊哥哥·2020-06-26 10:40

使用Vue-Router 2实现路由功能

npminstallvue-router一、使用路由在main.js中，需要明确安装路由功能：importVuefrom'vue'importVueRouterfrom'vue-router'importAppfrom

大灰狼的小绵羊哥哥·2020-06-26 10:08

使用element-ui的一点笔记

vue-router和element-ui结合实现导航1、先在el-menu标签上添加router属性，再绑定:default-active="$route.path"导航当前项。

samfung09·2020-06-26 07:41

vue中window.addEventListener监听scroll事件

scroll',this.scrollHander)},methods:{scrollHander(){}}但是我发现我切换路由以后依旧其他页面也触发了scrollHandler函数，然后我想到使用了vue-router

小白开发MOOC·2020-06-26 07:39

vue学习（四） vue-loader vue-router vue-cli

vue-routerSPA:SinglePageApplication单页面应用程序vue在实现单页面应用程序，要借助他的路由，即vue-router下载vue-router，在页面中引入相关的模块具体使用代码过程

sJohnny·2020-06-26 06:16

Vue-router 不允许导航到当前位置（"/path"）错误原因以及修复方式

Vue-router不允许导航到当前位置（/path）报错提示错误原因错误演示解决方法方法一方法二方法三报错提示Navigatingtocurrentlocation("/path")isnotallowed

rudy_zhou·2020-06-26 06:19

Vue+Typescript踩坑记录

,"iview":"^3.1.2","vue":"^2.5.17","vue-class-component":"^6.0.0","vue-property-decorator":"^7.0.0","vue-router

roamingcode·2020-06-26 05:03

Vue-router：二级路由跳转另一条路由下的子级

前提实验项目中，在一个/list/user列表中，当点击某一条时，需要跳转到/detail/userId/user详情下，展示详情信息。router.jsconstroutes=[{path:'/ue/matter/list',name:'list',component:List,children:[{path:'user',name:'list-user',component:ListUser}

圆子的mom·2020-06-26 05:06

vue-axios-router 基础写法用法齐枭飞前端

router.jsimportVuefrom'vue'importVueRouterfrom'vue-router'importstorefrom'.

qxfjyk·2020-06-26 04:56

Vue动态加载页面，根据不同用户跳转不同页面。

前端路上不回头前端路上前端博客前端技术前端周刊前端作品前端简历友情链接给我留言Vue2.0用户权限控制解决方案发表于2017-11-28|作者：雅X共赏Vue-Access-Control是一套基于Vue/Vue-Router

qweasdzxc_1092665276·2020-06-26 04:58

Vue-router 管理路由

1.Vue-router的安装通过项目根目录下package.json文件引入vue-router"dependencies":{"vue":"^2.3.3","vue-router":"^2.2.1"

tcwcq·2020-06-26 04:42

vue之vue-router的使用

一、简介1、vue-router是vue.js官方的路由管理器，它和vue.js的核心深度集成，让构建单页面应用变得易如反掌。2、官方文档：https://router.vuejs.org/zh/。

焚音留香·2020-06-26 04:00

前端常用重难点总结之vue篇

vue-router+UI(semantic-ui或者element-ui等）2、遇到问题可以从这几个方向入手，一般都能解决问题（1）生命周期（2）watch（3）$nexttick(4)vuex(5)vue-router

孤鸿の影·2020-06-26 02:34

vue-router（ route, routes, router区别） + vuex和axios的基本用法

**vue-router:**路由中有三个基本的概念route,routes,router。

努力，加油，奋斗·2020-06-26 02:38

vue-router里面的meta用法

exportdefaultnewRouter({mode:"history",base:process.env.BASE_URL,routes:[{path:"/",name:"home",component:()=>import('@/views/Home.vue'),meta:{title:'我是home',breadcrumb:[{name:'home1',path:'/home1'},{n

@玩Go那个玩!·2020-06-26 02:09

element UI导航栏 + vue-router实现单页面应用中的组件跳转时导航栏上的高亮问题

高亮问题在element导航栏el-menu里的APIdefault-active绑定Menu-Item中的APIindex当对应的路由切换时高亮对应的导航栏。现在的情况我有4个路由前面两个路由给分配导航栏后面两个不分配导航栏。在路由配置里加个isHidden属性来判断是否渲染导航栏。后面两个路由是由前面两个路由通过$router.push()过去。然后通过vue-bus改变父级组件的defaul

AAA大亮·2020-06-26 01:35

wepack从0开始配置vue环境之二: 线上部署配置优化

wepack从0开始配置vue环境之一:基础配置webpack之三集成vuex和vue-Router调整目录结构新建/build存放webpack配置文件build目录下新建文件:webpack.config.base.js

胖太_91bf·2020-06-25 23:58

Vue学习之十二(webpack优化打包及发布上线)

>压缩bundle.js和html–>按需加载elementUI和iview–>把静态资源从bundle.js中抽离–>把第三方包从bundle.js中抽离–>css从bundle.js中抽离–>使用vue-router

itzhaolin·2020-06-25 22:15

vue-router笔记

一.Vue-router参数的传递params和query1.params传递参数时只能传一个路由格式:/user/:name传递方式:path:/user/:name传递后形成的路径:/user/zhangsan

junlebao·2020-06-25 22:00

vue router路由配置，元信息meta的使用-登录拦截验证

如果创建项目是没有安装router，不会有router文件夹，该文件夹在src文件夹的根目录中//1.引入路由以及vue，下面的是固定写法，照写就可以importVuefrom'vue'importRouterfrom'vue-router'Vue.use

shenroom·2020-06-25 21:45

漫漫学vue路（6）-- vue-router

1.理解前端路由的概念后端渲染在之前的网页开发，其实网页是全由后端渲染的，对数据进行处理和写网页全都是后端开发人员的事情。后端开发人员在服务器端用html+css+jsp/php写好网页，浏览器通过用户点击获取页面的url，再将url传至服务器，服务器通过收到的url将对应的页面传给浏览器进行显示。前后端分离所有事情都交给后端干，肯定是效率低下的。网页开发因此迈入新阶段。前端开发人员写的html+

前端炮灰预备员·2020-06-25 21:38

仿微同商城前端

仿微同商城前端1.前言2.项目3.视频4.图片1.前言本项目使用vue2.6+typescript3.8进行组件式开发技术：vue-cli:：快速构建vue项目vue-router：路由管理（动态路由，

蒝莱茹茈·2020-06-25 17:19

vue全家桶（vue-cli, vue-router, axios, vuex）

vue全家桶包括（vue,vue-cli,vue-router,axios,vuex）一、Vuevue官网：https://cn.vuejs.org/这是逛官网对vue的介绍我所整理关于vue的简介：https

獨孤殤·2020-06-25 17:24

Vue知识点梳理(一)

ajax请求：vue-resource，路由：vue-router，状态管理：vuex，图片懒加载：vu

听雨·2020-06-25 17:58

vue后台管理系统富文本组件（一）tinymce

主要依赖说明（先安装，步骤略）{"axios":"^0.18.0","element-ui":"2.11.1","vue":"^2.6.10","vue-router":"^3.0.1"}tinymce

xiao_fei_blog·2020-06-25 17:26

vue cli3全家桶项目开发

详细请看vuecl3、vuex、vue-router、antdesignvue、axios搭建一个简易的单页面应用项目依赖Nojs.js环境，安装教程如何创建vuecli3项目，创建教程如何创建引入全家桶

车家大少爷·2020-06-25 16:33

Vue学习笔记4--vue-router路由

vue-router前端路由完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ路由的基本概念本质路由本质是对应关系路由分类后端路由概念：根据用户的URL请求返回不同内容本质

坤坤苦学Java·2020-06-25 16:02

vue-cli3首屏加载优化

3.cdn引入资源（vue,vuex,vue-router,组件库等）4.利用gzip

ethan.Yin·2020-06-25 16:20

封装一个基础的vue-router

路由的工作原理前端路由与后端路由的区别：后端路由：输入url>请求发送到服务器>服务器解析请求的路径>拿取对应的页面>返回回去前端路由：输入url>js解析地址>找到对应的地址的页面>执行页面生成的js>看到页面vue-router

Vam的金豆之路·2020-06-25 15:46

Vue.js路由

1.设置路由①路由map在main.js中导入vue-routerimportVRouterfrom'vue-router'设置全局路由Vue.use(VRouter)实例化routerletrouter

壹点微尘·2020-06-25 14:11

Vue2.0插件之一：使用vue-router插件

本文只要介绍vue-router基本用法与常见的问题一、vue-router插件的安装使用npm:$cnpminstallvue-router二、vue-router插件的引用出于页面的优雅考虑，使用vue2.0vue-cli

吴维炜·2020-06-25 13:11

路由配置及动态路由---vue-router

importrouteMapfrom'./router/component.js';constNotFound=()=>import('./page/404.vue');constformatRoutes=function(routes,routeData){if(!routeData){routeData={name:'home',path:'/home',//组件匹配成功的话才可以访问具体的页

一行注释·2020-06-25 13:25

vue后台管理系统之权限控制

首先，我们按照最初的开发模式，在router.js中将所有的组件都注册在路由中.importVuefrom'vue'importRouterfrom'vue-router'import{extend}from

王二博·2020-06-25 13:18

用Vue实现个人博客的前端界面1

学习如何使用vue-cli，去组件化的开发一个项目；以及如何使用路由vue-router，完成页面之间的跳转；还有vuex如何管理页面之间需要交互的全局数据；如何使用vue-resource跨域请求，node

一梦醉殇·2020-06-25 12:02

vue中的路由及嵌套路由

在文件夹下将vue-router导入，并且声明要使用vue-router;importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)假设有

苏墨晨·2020-06-25 11:13

手把手教你写vue插件

组件与插件的区别组件:对某功能或某模块的封装（例如我们写的弹窗，loading）插件:对一系列组件的封装(例如vuex,vue-router)关系:插件可以封装组件，组件暴露数据给插件插件的优点1.开箱即用

欧阳呀·2020-06-25 10:50

前端学习之VUE基础五(Vue-Router)：路由的基本概念、vue-router的基本使用、vue-router嵌套路由、vue-router动态路由匹配、vue-router编程式导航

文章目录一、路由的基本概念：1.路由：2.后端路由:2.1后端路由的概念与本质:2.2SPA(singlepageapplication):3.前端路由:3.1概念与本质:二、vue-router的基本使用

浅弋、璃鱼·2020-06-25 09:43

解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题

刚开始使用vue-router2.0，虽然也用了vux，用起来却发现一个问题……具体如下：正常情况下使用脚手架跑完之后，然后修改源项目，首先在main.js入口里把该import进去的vuex，vue-router

北桥苏·2020-06-25 09:40

创建基于webpack打包的vue项目

结合win7、element-ui、vue（vue-router、vue-cli）、webpack等技术，完成了项目的基础工作。难则不会，会则不难；贵在经验总结，后期可参。

草巾冒小子·2020-06-25 09:27

vue-cli2.x中的vue-router和vue-resource的应用

（二）安装vue-router和vue-resource插件如果在安装脚手架的时候安装了vue-router，可以直接

猿来独往·2020-06-25 09:32

vue vue-cli 应用实现换肤功能主题切换

业务需求：根据不同的"标识"加载应用时自动更换主题需要的东西：vue-cli全家桶主要（vuex,vue-router），less，webpack，两套同样目录结构的主题静态资源(css,图片)最终效果主题

DemaxiyaNuoke·2020-06-25 09:00

vue-router路由拦截造成死循环

笔记：vue-router路由拦截造成死循环,在做路由拦截的时候，一直出现死循环.router的index.js文件路由配置constrouter=newRouter({routes:[{path:'/

南有樛木。·2020-06-25 09:27

【个人笔记】Vue和React的简单路由拦截

React-router不像Vue-router那样简便，很多东西需要自行去写，也没有提供类似于router-beforeEach的路由守卫，而React要实现路由守卫需要自己去写，基于我的项目我发现了一种比较简

divergent_l·2020-06-25 09:50

vue 首次加载缓慢/刷新后加载缓慢原因及解决方案

在开发环境则非常流畅,几乎感觉不到,本文参考望山的各种方案优化1,关闭打包时生成的map文件在config/index.js文件中讲productionSourceMap设置为false,再次打包便没有了map文件2,vue-router

墨抒颖·2020-06-25 08:47

vue全家桶项目搭建之五——vue 中路由vue-router配置方法以及vue-router路由的跳转方法以及参数的传递和接收

目录一、安装vue-router二、配置vue-router1.src文件下新建文件夹router与store平级，并配置路由2.在main.js中配置三.vue路由带参数跳转方式以及参数的接收方式1.

傻小胖·2020-06-25 08:15

基于element NavMenu 导航菜单布局样式，对vue-typescript-admin-template进行更改

目前菜单项为静态生成界面截图路由设置importVuefrom"vue";importRouterfrom"vue-router";importLayoutfrom'.

勋勋勋勋小勋勋·2020-06-25 08:30

推荐频道

Vue-router