![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue项目笔记
诗乐舞
眀敕星弛封宝剑
辞君一夜斩楼兰
展开
-
05-权限列表
权限列表1 通过路由的形式展示权限列表首先在components文件夹下新建power文件夹 新建Right和Role组件步骤同新建用户列表的User组件在路由文件中导入新建的两个权限列表组件 在home路由规则中添加子路由 { path: '/home', component: Home, redirect: '/welcome', children: [ { path: '/welcome', component: Welcome }, { pa原创 2020-06-27 20:13:07 · 336 阅读 · 0 评论 -
04-用户列表
用户列表1 通过路由的形式展示用户列表组件首先在components文件夹下新建user文件夹 新建User组件<template> <div> <h3>用户列表组件</h3> </div></template><script>export default {}</script><style lang="less" scoped></s原创 2020-06-23 20:01:00 · 259 阅读 · 0 评论 -
03-主页
主页布局1.整体布局到elemen-ui官网 寻找合适的布局 站体代码即可<el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-aside> <el-main>Main</el-main> </el-container></原创 2020-06-18 00:42:40 · 190 阅读 · 0 评论 -
02-登录与退出
登录/退出功能1 登录概述1.1 登录业务流程在登录页面输入应户名和密码调用后台接口进行验证通过验证之后 根据后台响应状态跳转到项目主页1.2 登录业务的相关技术点http是无状态的通过cookie在客户端记录状态通过session在服务端记录状态通过token维持状态如果服务器与客户端之间不存在跨域问题 推荐使用cookie与session如果服务器与客户端之间存在跨域问题 推荐使用token2 登录-token原理分析3 登录功能实现1 登陆页面布局通过原创 2020-06-15 01:03:59 · 328 阅读 · 0 评论 -
01-项目初始化
项目初始化1 项目初始化步骤安装Vue脚手架npm install -g @vue/cli通过脚手架创建项目1.通过cmd窗口运行 vue ui命令打开vue cli图形化界面配置Vue路由此步骤已在第二步创建项目时安装插件已完成配置Element-UI组件库配置Axios库初始化git远程仓库首先要添加ssh公钥来完成远程和本地的关联如何添加ssh公钥将项目托管到GitHub或码云中在本地项目中打开git面板依次执行以下两行代码第一次提交代码需要输原创 2020-06-13 12:49:39 · 264 阅读 · 0 评论