Vue-router 第112页

vue路由

那么，我们可以在vue-router的路由路径中使用『动态路径参数』（dynamicsegment）来达到这个效果：constrouter=newVueRouter({rou

蠢淡淡不蠢·2020-03-21 09:17

关于 vue-router 动态权限实现的方案

基于vue-router的动态权限实现方案vue+vue-router+vuex，利用vue-router2.2.0新增特性addRoutes实现路由动态加载，菜单动态加载，运用于后台管理系统，路由数据取自数据库值得一看

black白先森·2020-03-21 02:35

vue-router 之 keep-alive

keep-alive简介keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单：propsinclude-字符串或正则表达，只有匹配的组件会被缓存exclude-字符串或正则表达式，任何匹配的组件都不会被缓存//组件aexportdefault{name:'a',data(){return{}}}可以保留它的状态或避免重新渲染可以保留它的状态或避免重新

xiaoaiai·2020-03-20 20:25

Vue2.0入门-（1）

前言：首先这是vue2.0+版本的个人解读，此系列里面代码会大部分使用ES6语法，部分会做出注释，同时自己也能重新梳理一次Vue2.0版本，此系列会介绍vue-router，axios，vuex，以及脚手架

addin_gao·2020-03-20 19:41

初学vue：命令行报错-Expected indentation of 4 spaces but found 6

问题：最近学习vue，用vue-cli初始化项目，直接安装了所有的东西，如vue-router、ESLint、unittests等等。

混迹在开发队伍里的伪开发·2020-03-20 15:35

2019-08-09 Django+Vue.js实现前后端分离的单页面博客系统（2）前端界面设计与组件、vue-router的初步编写

前端界面设计用了Bootstrap之后开发效率果然非常高，在页面美化这部分没有耗费太多精力，而且就算像我这样没学过UI设计的人写出来的界面也比较好看。看来Bootstrap能成为使用最广的前端框架，并不是没有原因的。直接上效果图：首页首页博文归档登录后台管理添加博文用这么多的英文、只用黑白两种颜色、简单与扁平化的风格是想做跟上一个项目完全不同的感觉，毕竟这个项目跟上一个PHP写的是走了两个极端——

__江文__·2020-03-20 12:18

vue-cli，webpack，vue-router的使用

1:新建一个空的文件进入文件中按住shirft+鼠标右键选择“在此打开命令XXXXXX”；2：在小黑窗输入：npminstallwebpackvue-cli-g3:vueinitwebpack-simple'项目名'===>vueinitwebpack-simpletest4:npmrundev你会看到浏览器打开了。5:npmrunbuild6:打包带走除node_modules的东西7:服务器上

龙岩周杰伦·2020-03-20 11:08

vue vue-router vuex element-ui axios的学习笔记（十七）改写learn目录

改写目录的原因既然使用的是前后端分离的写法，就该彻底分离，我应该将后台管理页面也写在learn项目里面，现在这个结构就显得不合理了，进入后台管理页面应该是全新页面，现在的结构并不合理！改写步骤选区_018.png1、新建一个admin目录添加页面admin.vue用于管理后台路由adminlogin.vue用于后台管理员登录home.vue用于后台主页显示信息mangeradmin.vue用于管理

思吾谓何思·2020-03-20 10:38

VUE开发--路由Vue-router(十七)

一、vue路由vue路由:vue-router vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。

无剑_君·2020-03-19 23:44

关于个人开源项目(vue app)的一些总结

是以Vue全家桶(vue,vue-router,vuex)+axios+express+mongodb技术栈开发的一个校园考勤网站，专门为老师定制的。

BYChoo·2020-03-19 22:57

Core + Vue 后台管理基础框架4——前端授权

2、侧边栏菜单鉴于本项目使用了vue-router，那显然，侧边栏就会跟对应路由关联，同时，前端项目会注册路由导航事件，此事件见src根目录下permission.js：截图中，上边的红框代表是在注册路由跳转

GUOKUN·2020-03-19 18:00

Vue：实战

将所需知识点应用到实际中，以最快速度带领大家掌握Vue的使用;创建工程注意：命令行都要使用管理员模式运行创建一个名为hello-vue的工程vueinitwebpackhello-vue安装依赖，我们需要安装vue-router

咖啡味的茶·2020-03-19 15:56

vue-router权限设定的时候碰到beforeEach无限循环的问题

给vue-router做权限设定的时候，碰到beforeEach无限循环的问题这是因为next方法导致的，每次next(path)都会重新执行一次beforeEachnext()表示路由成功，直接进入to

IamaStupid·2020-03-19 12:37

Vue-Router 源码分析(六) router-view组件的用法及原理

router-view是一个functional组件，渲染路径匹配到的视图组件。渲染的组件还可以内嵌自己的，根据嵌套路径，渲染嵌套组件它只有一个名为name的props,这个name还有个默认值，就是default,一般情况下，我们不用传递name,只有在命名视图的情况下，我们需要传递name,命名视图就是在同级展示多个视图，而不是嵌套的展示出来，router-view组件渲染时是从VueRout

大沙漠·2020-03-19 09:00

2020-03-18(封装tabbar)

router文件下的index.js文件importVuefrom'vue'importVueRouterfrom'vue-router'//1.安装插件Vue.use(VueRouter)//3.配置映射关系

蔡威大爷·2020-03-18 23:05

路由解耦（路由传值的一种方式）、编程式导航、嵌套路由children、路由元信息meta、路由生命周期（路由守卫）、路由懒加载、vue/cli、webpack配置alias、vue/cli中配置alias、vue-router

###路由前端路由：根据用户请求不同的url来展示不同的页面或者数据，前端路由是不会涉及到后端请求的，以及页面不会进行刷新。用户体验比较好，一般用来做单页面开发（SPA）。前端路由底层原理：hashchange和H5的historyAPI中的popState和replaceState来实现。后端路由：根据用户请求的路径来返回不同的数据或页面，后端路由一般情况下都是用来做接口的，通过ajax请求的路

GGbondMan·2020-03-18 20:00

2019-02-14

router参数传递importVuefrom'vue'//引入vueimportVueRouterfrom'vue-router'//引入vue路由//使用vue路由Vue.use(VueRouter

云小泽同学·2020-03-18 18:39

Vue入门之路由vue-router详解

1.vue-router的使用方式下载安装vue-routernpminstallvue-router--save执行该命令之后，就会在项目中的node_modules文件夹下有此插件引用vue-router

扁扁的汤圆·2020-03-18 11:35

vue.js备忘记录(五) vue-router

如果我们采用SPA(单网页应用)的设计方式,服务器会把前端文件一次性发过来,前端通过监听url的改变,选择展示那些内容,也就是前端路由一.如何改变url但是页面不刷新?方式一:改变哈希值hash比如,我们随便找一个网页我们在浏览器控制台输入发现网站的url有了些改变查看network却没有任何请求方式二history模式的方法(1).history.pushState()压栈式比如,我们随便找一个

熊爸天下_56c7·2020-03-18 10:58

Vue 插件开发指南

Vue插件的编写方法一般有下面几种：添加全局方法或者属性，如:vue-custom-element添加全局资源：指令/过滤器/过渡等，如vue-touch通过全局mixin方法添加一些组件选项，如:vue-router

_____西班木有蛀牙·2020-03-18 05:47

带你入坑02-weex-路由的使用

本节内容学会使用路由进行组件切换接上上节的内容进行讲解路由的使用第一步创建一个父组件和两个子组件父组件foo.vue的文件和子组件home.vue和me.vue第二步定义路由router.js文件//定义路由//第一步导入路由模块vue-router

酷走天涯·2020-03-18 01:20

vue-cli

初始化项目(创建项目)：vueinitwebpack项目名称(不能是中文)，或vueinitwebpack.进入工程项目：cd项目名称安装项目依赖(最好不要用cnpm)：npminstall安装vue路由模块vue-router

LabRaDor2079·2020-03-17 22:34

VUE-6：路由vue-router1、router-view

VUE路由当应用变得复杂以后，我们就需要通过一种便捷、高效的方式来管理应用，最常见的就是通过路由路由：把url与应用中的对应的组件进行关联，通过不同的url访问不同的组件vue-router的安装npmivue-routerORyarnaddvue-routerVue.use

kino2046·2020-03-17 15:21

前端常见面试题五

3、vue-router有哪几种导航钩子4、vue-router参数传递方法详述及区别1、什么是自定义指令，有哪些钩子函数及自定义指令的使用场景使用场景：某些情况下，你仍然需要对普通DOM元素进行底层操作

蒋伟_fc89·2020-03-17 12:35

vue-router 使用装饰器进行按需加载与页面加载动画

1.在app.vue中添加div这里假设div为.page-loading-loader。使用相应的css3动画进行显示，这里css代码略。//-app.vue#app.page-loading-loader.my-css-animation-element.page-header.page-mainrouter-view.page-footer我们用js来动态控制.page-loading-lo

书SHU·2020-03-17 12:45

07Vue.js快速入门-Vue路由详解

当然官方也给出了路由的方案：vue-router;建议还是用官方的最好，使用量也是最大，相对来说Vue框架的升级路由组件升级也会及时跟上，所以为了以后的维

IT老马·2020-03-17 02:54

vue+vux 配置

1：根据官方的命令步骤，安装vue，项目名称自己定，我的项目名称是51seller，安装的过程中，把vue-router也安装上vue安装2：安装vuxnpminstallvux--savenpminstallvux-loader

寻梦的竹子·2020-03-16 22:40

Vue-Router 源码解析(五) router-link组件的用法及原理

该组件支持用户在具有路由功能的应用中(点击)导航,默认渲染成带有正确链接的标签，可以通过tag属性生成别的标签。它本质上是通过在生成的标签上绑定了click事件，然后执行对应的VueRouter实例的push()实现的，对于router-link组件来说，可以传入以下props:to表示目标路由的链接,当被点击后，内部会立刻把to的值传到router.push(),所以这个值可以是一个字符串或者是

大沙漠·2020-03-16 08:00

Vue踩坑之Vue-router

我直接用npm安装的模板是这样的这里是直接有个router文件夹的，路由的信息都在这里面的index.js文件里面这是原来的路由配置importVuefrom'vue';importRouterfrom'vue-router

少年vv·2020-03-16 05:40

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

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

asseek·2020-03-16 04:15

使用vue-cli编写外卖app【header组件（外部组件）】

Vue-resource安装npminstallvue-resource--save配置【main.js】importVueRouterfrom'vue-router'Vue.use(VueResource

mytac·2020-03-15 08:10

Vue全家桶之网络请求

4.绑定事件:v-on="Changed"Vue全家桶主要包括vue-cli,vue-resource,vue-router,vuex.

adustdu2015·2020-03-15 03:35

vue-router应用到组件中时报错Unknown custom element:

vue-router应用到组件中时报错：[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?

_undefined__·2020-03-14 21:12

vue +nodejs 博客后台管理系统

Vue负责前端页面的展示，路由功能交给Vue-router。Express不写路由，只负责写api接口，�使用mongoose与MongoDB数据库进行数据交互，实现前后端解耦。

叶落秋明·2020-03-14 02:29

路由、路由的嵌套、路由传参、axios

Vue.js路由需要载入vue-router库下载：用git直接下载npminstallvuenpminstallvue-router简单例子：HTML：首页详情页js部分：//2.创建组件varIndex

是你的大颖儿·2020-03-14 00:52

Vue-Router

路由（Route），其实是指向的意思，是定义一系列的访问地址规则。后端路由：路由引擎根据规则匹配并寻找对应的处理页面，之后将请求转发给页处前端路由：前端路由并不存在“请求”的概念，因此前端路由是直接找到与地址匹配的组件或对象并将其渲染出来。改变浏览器地址而不向服务器发送请求有两种做法：在地址中加入#以欺骗浏览器，地址的改变时由于正在进行页内导航。使用HTML5的window.history功能，使

JunChow520·2020-03-13 22:50

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十二║Vue实战：个人博客第一版

想温习的小伙伴可以再看看《Vue基础入门+详细的环境搭建》，内容很多，这里就暂时不复习了，今天呢，咱们就说说用昨天创建的空项目来搭建一个简单的个人博客系统，首先先分析下整体工作流程，然后再动手写代码，主要涉及到axios和vue-router

SAYLINING·2020-03-12 15:29

vue-cli + webpack-simple 集成 vue-router

所谓的vue-cli简单项配置是不含有router的，虽然涉及到了单页面组件，但是router还是需要自己来配置，当把vue-router组合起来才更为完整。温馨提示：本文只是小鸟自行组装。

赖次Go·2020-03-12 14:27

Vue-Router 源码解析(四) $router和$route的区别

对于Vue内部来说，不管是根组件还是子组件，都存在this.$router和this.$route两个属性，它们的区别如下:$router指向当前的VueRouter实例，也就是newVue({router:router})这里传入的router实例对象,可以使用上一节里列出的VueRouter实例的属性和方法$route指向当前跳转的路由对象,是一个包含当前的路由信息的对象,组件会通过这个属性来

大沙漠·2020-03-12 08:00

vue制作饿了么点餐页面

:npminstallstep4:npmrundev效果图vue-eleme.gif技术栈vue-cli：Vue的官方脚手架工具Axios:异步获取数据，尤大推荐axios比vue-resource好vue-router

辉夜乀·2020-03-12 07:01

Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x

vue项目原本是用0.x版本的vue-router，但是去报出：Cannotreadproperty'component'ofundefined这是因为版本问题，由于vue2删除了vue1的内部指令，而

至尊宝_bffc·2020-03-12 05:41

使用vue-router路由

通过使用Vue-router路由创建多组件的SPA。

AiDede·2020-03-11 23:44

vue-router

javascript动态的变化html的内容，这就是spa（单页面富应用）优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多vue-router

solitudeYu·2020-03-11 17:14

v-router基础知识总结

安装npm方式npminstallv-router在一个模块化的工程中使用，必须通过vue.use()明确安转路由importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use

GpingFeng·2020-03-10 07:31

Vue--路由(vue-router)

第一步:安装sudonpminstallvue-router--save第二步:在src文件夹下新建router文件夹,里面专门用来存放路由相关的内容,(主要是为了代码的结构清晰,避免main.js过于臃肿)第三步;在main.js文件里引用router图一main.js第四步:在components文件夹下创建Cat,Dog俩个组件(用来做路由切换),同时也创建Type1和Type2两个组件,作

苦茶_12138·2020-03-09 22:06

vuejs 和 element 搭建的一个后台管理界面

vue-router：一般单页面应用spa都要用到的前端路由。vuex：Vuex是一个专为Vue.js应用程序开发的状态管理模式。效果图：演示地址：https://taylorc

欣然是种气质·2020-03-09 19:20

Vue 实现换肤功能

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

grain先森·2020-03-09 16:12

如何开发和发布一个Vue插件

前言Vue项目开发过程中，经常用到插件，比如原生插件vue-router、vuex，还有element-ui提供的notify、message等等。这些插件让我们的开发变得更简单更高效。

champyin·2020-03-09 16:00

Vue路由

importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter);如果使用全局script标签，则直接引用即可。

Iam_Bling·2020-03-09 11:44

Vue-Router 源码分析(三) VueRouter实例的属性和方法

我们首先用newVueRouter()创建一个VueRouter实例，之后在创建根Vue实例时把这个VueRouter实例作为router属性传递进去，在这个过程中一般有两种方法可以获取到该VueRouter的实例第一种是node环境下，我们一般在项目源码的路劲下创建一个router目录，该目录保存所有的路由配置信息，例如:varrouter=newRouter({routes:[/*略*/]})

大沙漠·2020-03-09 08:00

推荐频道

Vue-router