美文网首页
从零搭建vue项目:3vue-router控制路由导航

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

作者: 程则 | 来源:发表于2019-03-12 14:48 被阅读0次

vue提供了官方路由组件,指导教程如下

https://router.vuejs.org/zh/

研究了2天,之前的项目修改如下

/src/router/index.js

/src/components/index.vue

效果

vue-router还有很多灵活的功能和配置,暂时还没用到,像导航守卫、重定向等等,后面用到了再琢磨。

我估计很多项目,例如我公司的项目,不同的用户登录到系统中,看到的菜单是不同的,我们是通过“用户-权限-菜单”这种控制策略来控制的,

下一步要对这个进行研究,让不同用户登录进来看见不同的红黄蓝按钮。

相关文章

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

    vue提供了官方路由组件,指导教程如下 https://router.vuejs.org/zh/ 研究了2天,之前...

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

  • vue2.0 路由

    vue2.0 路由 首先先搭建一个vue-cli项目 搭建后的项目目录 下载路由模块依赖并引入 下载依赖下...

  • vue实战(9):总结二

    整理前一段所做的工作内容 0.其它 vue实战(1):准备与资料整理vue实战(2):初始化项目、搭建底部导航路由...

  • Vue单页面应用首屏加载时间优化

    vue全家桶 我们习惯用vue-cli搭建脚手架,再配合vue-router控制路由,vuex控制状态及复杂组件通...

  • vue路由跳转路径错误时出现空白页

    参考:解决vue路由跳转未匹配路径时出现空白页的问题在进行vue项目开发时,常用vue-router进行路由的导航...

  • 学习HM微博项目第1天

    步骤:搭建基本环境 -> 展示子控制器 -> 项目分层 -> 增加导航功能 -> 增加导航栏按钮。 搭建基本环境...

  • 从零搭建VUE项目

    引用原型,快速搭建一个原型,应用webpack-simple模板;用vue-cli来支持一个项目: 以上是正常的安...

  • 从零搭建Vue项目

    一、安装node环境 点击链接,在官网下载。https://nodejs.org/zh-cn/download/ ...

  • 从零搭建Vue项目

    1,搭建Node环境(此处就省略了,可自行百度)2,搭建Vue项目环境全局安装vue-cli(Vue脚手架):cn...

网友评论

      本文标题:从零搭建vue项目:3vue-router控制路由导航

      本文链接:https://www.haomeiwen.com/subject/msagpqtx.html