摘要: Obeject.assign() 用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。返回目标对象。(一个或者多个源对象的所有可枚举属性值。复制到目标对象) 可做第一层的深拷贝,但是如果第一层对象的属性--第二层还是对象则对象的第二层是浅拷贝。 String.prototype.endsWit 阅读全文
posted @ 2020-08-09 16:47 Mock777 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 在组件上使用v-model v-model vue 内置的双向数据绑定指令,是一个语法糖 只适用于表单控件 :model 相当于 v-bind:model 的缩写 这种试试将父组件的数据传递到了子组件,并没有时间子组件与父组件的数据双向绑定 引用类型除外。- - 阅读全文
posted @ 2020-08-09 14:17 Mock777 阅读(351) 评论(0) 推荐(0) 编辑
摘要: 在组件切换中,有时候会想保持组件状态避免重复渲染导致的性能问题。 而,keep-alive 就是一个 vue 内置的用来解决这个问题的元素。<keep-alive> 包揽的组件 会保持状态,避免重复渲染。也就是所谓的组件缓存。 keep-alive Props: include - 字符串或正则表达 阅读全文
posted @ 2020-08-09 13:55 Mock777 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 前言:在路由动态加载的时候常需要用到 router 和 route ,记下区分 https://router.vuejs.org/zh/api/#router-%E6%9E%84%E5%BB%BA%E9%80%89%E9%A1%B9 this.$router 是 router 实例,通过 this. 阅读全文
posted @ 2020-08-09 10:44 Mock777 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 动态加载菜单 之前的 导航树 是写死的,实际应用中需要从后台服务器获取菜单数据之后动态生成。 之前的mock已经准备好了模拟数据 接口模块化 之前说过,当接口变多时,放在一个 interface.js 中不方便维护。 现在改名为 api.js 作为集合文件,将里面的 相关接口 都转入新的文件夹 mo 阅读全文
posted @ 2020-08-04 11:35 Mock777 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 接口请求格式定义 前台显示需要后台数据,我们这里先把前后端交互接口定义好,没有后台的时候,也方便用mock模拟。 接口定义遵循几个规范: 1. 接口按功能模块划分。 系统登录:登录相关接口 用户管理:用户管理相关接口 机构管理:机构管理相关接口 角色管理 : 角色管理相关接口 菜单管理 : 菜单管理 阅读全文
posted @ 2020-08-04 11:09 Mock777 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 使用Vuex管理应用状态 1.引入背景 如之前 导航菜单收缩和展开功能,组件封装后,状态分开了。 现在需要一个共享组件来做数据同步状态, Vuex 很好的解决了这个需求(ps:有句话叫不要专门为了 Vuex 而用 Vuex - - 慢慢品了只能0 0) 2.安装 https://vuex.vuejs 阅读全文
posted @ 2020-08-02 22:06 Mock777 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 因为我暂时不需要第五章和第六章教程的内容所以直接进入第七章。感兴趣的可以访问原作者网站 Vue + Element UI 实现权限管理系统 前端篇(六):更换皮肤主题 Vue + Element UI 实现权限管理系统 前端篇(五):国际化实现 注:本次封装的css样式应该有点问题,但考虑时间问题没 阅读全文
posted @ 2020-08-02 15:46 Mock777 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 继续笔记:在这里基本是大框架搭出来了。 完善登入流程 1.丰富登入界面 1.1 Element 参考 搭建 <template> <el-form :model="loginForm" ref="loginForm" :rules="fieldRules" label-position="left" 阅读全文
posted @ 2020-07-31 11:29 Mock777 阅读(468) 评论(0) 推荐(0) 编辑
摘要: 封装 axios 模块 封装背景 使用 axios 发起一个请求是比较简单的事情,但是axios没有进行封装复用,项目越大的话会造成代码冗(rǒng )余,维护会越来越难。 所以在此二次封装,是项目中各个组件能够复用,让代码更容易维护。 封装要点 统一 url 配置 统一 api 请求 reques 阅读全文
posted @ 2020-07-31 07:43 Mock777 阅读(414) 评论(0) 推荐(0) 编辑