![](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 · 305 阅读 · 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 · 251 阅读 · 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 · 159 阅读 · 0 评论 -
02-登录与退出
登录/退出功能 1 登录概述 1.1 登录业务流程 在登录页面输入应户名和密码 调用后台接口进行验证 通过验证之后 根据后台响应状态跳转到项目主页 1.2 登录业务的相关技术点 http是无状态的 通过cookie在客户端记录状态 通过session在服务端记录状态 通过token维持状态 如果服务器与客户端之间不存在跨域问题 推荐使用cookie与session 如果服务器与客户端之间存在跨域问题 推荐使用token 2 登录-token原理分析 3 登录功能实现 1 登陆页面布局 通过原创 2020-06-15 01:03:59 · 305 阅读 · 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 · 251 阅读 · 0 评论