自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 问答 (2)
  • 收藏
  • 关注

原创 vue项目实战六

接着之前的菜单 雨花一下我们的框架菜单左边的图标大家去iconfont去下载代码 复制到icon文件夹 然后在main.js 导入进来 然后在路由里面分别定义对应图片的类循环填充就行了一个管理后台 肯定是有退出修改密码之类的上面分 两部分 左边的 element 里面的面包屑 和右边的下拉选项我们在layout 的index.vue右边的头部 抽取子类Nav 然后 import 导入进来 把代码和一些 逻辑交给Nav去处理了左...

2020-10-22 11:41:21 236 1

原创 vue项目实战五

今天就写结合路由去配置左边的菜单首先在layout的index.vue 我们要获取路由的参数信息在页面创建的时候 我们获取路由信息打印出来那么接下来我们就要填充到左边 之前我们把 菜单代码是放在 引用的siderBar里面 现在 我们把代码复制到父类 index.vue把各个菜单的子类信息 传到到siderBar里面 通过<SiderBar> 组件 提交 各个路由的 信息到siderBar:default-active="...

2020-10-20 17:48:23 315

原创 vue项目实战四

接着之前的 登录成功后 我们开始跳转后台主页还有一点就是 用户直接浏览http://localhost:8080/#/user/index 这个地址的话 也是可以进入到主页 那么这时我们就要用到vue的 router.beforeEach函数了 对路由跳转进行判断 我们 把这个函数封装一个js 我们在根目录新建一个permission.js 在main.jsimport '@/permission'导入进来...

2020-10-19 17:49:47 324

原创 vue项目实战三

接着上一次开始请求后台的接口了根据自己的需求验证完成后 请求后台的接口,我们用vuex统一管理 所以我们把请求封装在vuex那么下面我们开始配置我们的vuex了,首先cmd进入到我们的项目 npm install vuex --save 安装vuex紧接着 在根目录新建store文件夹 在文件夹新建一个index.jsk可以看到 导出的是一个store 而store 是由getters.js 和 modules文件夹里面的js两部分内容组成 至于modules 这一块的写法...

2020-10-19 11:57:39 3020

原创 vue 项目实战二

项目一 我们已经构建好我们的vue项目了,现在我们就选择我们的编辑器去开发了我这里使用的是WebStorm 可能现在已经算是比较老的编辑器了,但是我个人是比较喜欢的,大家可根据自己的喜好去选择打开项目我们可以看到 初始的项目 系统 写了一个根页面HelloWord.vue 以及 路由里面给出了 注册页面的方法,这里说一下 ,每当你新建一个需要展现的页面都需要在路由的JS文件里面去注册这里我新建一个views文件夹去 放我们的页面 然后创建第一个登陆页面login文件夹里面的index..

2020-10-17 16:38:24 1008 5

原创 vue 项目实战一

本人是一个vue爱好者,今天就从项目第一步开始来实现我们的vue后台管理开发首先 大家vue项目是运行在nodejs环境,安装我这里就不阐述了。大家根据提示去安装然后就我们就开始构建我们的第一个vue项目了进入黑窗口模式然后进去我们想要放项目的盘 构建接下来就是等待然后根据提示一步步确定从ESLint 这一步开始 我都选择NO 接下来就等着项目构建完成了到了这一步就代表构建完成了 黄色字体提示你 进去my项目目录 通过npm run dev 去启动vue项...

2020-10-17 14:01:48 707

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除