2017年7月16日
摘要: 前言 在前面两篇文章中已经把基础工作环境构建完成,也已经把后台核心的登录和权限完成了,现在手摸手,一起进入实操。 Element 去年十月份开始用vue做管理后台的时候毫不犹豫的就选择了Elemen,那时候vue2 刚发没多久,市面上也没有很多其它的vue2的ui框架。虽然Element也有很多的不 阅读全文
posted @ 2017-07-16 10:06 yezixuan 阅读(13142) 评论(2) 推荐(0) 编辑
摘要: 前言 做这个 vueAdmin-template 的主要原因是: vue-element-admin 这个项目的初衷是一个vue的管理后台集成方案,把平时用到的一些组件或者经验分享给大家,同时它也在不断的维护和拓展中,比如最近重构了dashboard,加入了全屏功能,新增了tabs-view等等。所 阅读全文
posted @ 2017-07-16 10:06 yezixuan 阅读(5509) 评论(0) 推荐(0) 编辑
摘要: 前言 拖更有点严重,过了半个月才写了第二篇教程。无奈自己是一个业务猿,每天被我司的产品虐的死去活来,之前又病了一下休息了几天,大家见谅。 进入正题,做后台项目区别于做其它的项目,权限验证与安全性是非常重要的,可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是:不同的权限对应着 阅读全文
posted @ 2017-07-16 09:52 yezixuan 阅读(18949) 评论(5) 推荐(3) 编辑
摘要: 前言 说好的教程终于来了,第一篇文章主要来说一说在开始写业务代码前的一些准备工作吧,但这里不会教你webpack的基础配置,热更新怎么做,webpack速度优化等等,有需求的请自行google。 目录结构 ├── build // 构建相关 ├── config // 配置相关 ├── src // 阅读全文
posted @ 2017-07-16 09:49 yezixuan 阅读(2532) 评论(2) 推荐(1) 编辑
  2017年7月15日
摘要: 有的组件中获取到 store 中的state, 需要对进行加工才能使用,computed 属性中就需要写操作函数,如果有多个组件中都需要进行这个操作,那么在各个组件中都写相同的函数,那就非常麻烦,这时可以把这个相同的操作写到store 中的getters, 每个组件只要引用getter 就可以了,非 阅读全文
posted @ 2017-07-15 15:41 yezixuan 阅读(265) 评论(0) 推荐(0) 编辑
摘要: vue 使用的是单一状态树对整个应用的状态进行管理,也就是说,应用中的所有状态都放到store中,如果是一个大型应用,状态非常多, store 就会非常庞大,不太好管理。这时vuex 提供了另外一种方式,可以把整个store 分成几个大的模块,如登录模块,用户模块等,每一个模块都有自己的state, 阅读全文
posted @ 2017-07-15 15:36 yezixuan 阅读(1808) 评论(0) 推荐(2) 编辑
摘要: 我们的项目非常简单,当点击+1按钮的时候,count 加1,点击-1按钮的时候,count 减1. 1, mutation The only way to actually change state in a Vuex store is by committing a mutation, 在vue 阅读全文
posted @ 2017-07-15 11:58 yezixuan 阅读(414) 评论(0) 推荐(0) 编辑
摘要: Vuex 的核心是 store, 它是一个通过 Vuex.Store 构造函数生成的对象。为什么它会是核心呢?因为我们调用这个构造函数创建store 对象的时候,给它传递参数中包装了state, mutation , action 等核心内容。看一下官网的例子 Vuex 的思想是 当我们在页面上点击 阅读全文
posted @ 2017-07-15 11:55 yezixuan 阅读(218) 评论(0) 推荐(0) 编辑
  2017年7月14日
摘要: 看之前的项目,突然发现一个不算bug的bug,之前也是一直没有想到,现在发现之后越来越觉得有必要改掉, 项目用的是vue做的,自然切换用的就是路由,一级路由包括:首页、记录和个人中心,二级路由是在记录下面的三个报修记录, 如上图路由分配,一级路由重定向到index,二级重定向至repair,一直觉得 阅读全文
posted @ 2017-07-14 16:26 yezixuan 阅读(405) 评论(0) 推荐(0) 编辑
摘要: 导航钩子 vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子:全局的, 单个路由独享的, 或者组件级的。http://www.jianshu.com/p/f375d84c1d4b 每个钩子方法接收三个参数:to: Route : 即将要进 阅读全文
posted @ 2017-07-14 15:51 yezixuan 阅读(708) 评论(0) 推荐(0) 编辑