2022年3月30日
项目踩坑2-维持登录状态
摘要： 登录之后无法保持登录状态，刷新浏览器会回到登录接连 解决方案一直发送get请求请求账户名，这里是因为v-if中判断的是username 在组件常见完毕之后 created(){ this.$store.dispatch('userInfo'); } store的在actions中 // 订阅消息 a 阅读全文
posted @ 2022-03-30 10:16 HaoyuSun 阅读(26) 评论(0) 推荐(0)
es6部分
摘要： 1.箭头函数： 是匿名函数，不能作为构造函数，不能使用new 无法使用arguments，使用三个点语法代替 this指向永远是定义时的this指向，要改变只能改变宿主环境 2.promise 译为承诺 他是将异步改为同步的规范，状态改变，操作不变 他有三种状态 pending进行中resolved 阅读全文
posted @ 2022-03-30 09:57 HaoyuSun 阅读(23) 评论(0) 推荐(0)
js部分
摘要： 闭包：一个函数内嵌套一个函数 是为了延长变量的声明周期，它不会被js的垃圾回收机制处理，永远存在于内存中 创建一片私有作用域 IIFE：自执行函数，()() 作用域和作用域链：作用域为了隔离变量 作用域链式在作用域中不存在该变量，向上一层 一层查找，直至全局，采用就近原则 原型和原型链 原型 Pro 阅读全文
posted @ 2022-03-30 09:42 HaoyuSun 阅读(35) 评论(0) 推荐(0)
2022年3月29日
vue后台管理系统-登录
摘要： 在程序应用组件App.vue中添加Login组件 引入Login遵循esModule规范 import 并在暴露的接口中注册login组件，在views文件夹下创建Login.vue文件，若要导入字体图标样式在main中导入 el-form：定义label-width表单域标签的宽度 el-form 阅读全文
posted @ 2022-03-29 09:41 HaoyuSun 阅读(422) 评论(0) 推荐(0)
2022年3月28日
vue后台管理系统记录-基础配置
摘要： 基于vue + element-ui 后台管理系统技术栈： vue webpack vuex vue-router ，element-ui axios es6 ESModule sass单页面应用 性能优化： js css压缩，拆分打包js库文件 js模块 css文件 所有静态资源添加指纹 开始： 阅读全文
posted @ 2022-03-28 21:01 HaoyuSun 阅读(75) 评论(0) 推荐(0)
es5 部分
摘要： 1.严格模式 使用use strict 开启严格模式，若在js第一行为全局严格模式，在函数第一行为局部严格模式 1.变量必须先声明后使用 2.函数参数不能有重名 3.对象属性不能有重名 4.delete只能删除对象属性，不能删除变量和方法 5.this指向undefined 6.不能用关键字，保留字 阅读全文
posted @ 2022-03-28 09:43 HaoyuSun 阅读(35) 评论(0) 推荐(0)
2022年3月26日
vue 指令
摘要： v-bind 绑定元素和数据 语法糖： v-on 绑定事件 语法糖@ 阅读全文
posted @ 2022-03-26 16:22 HaoyuSun 阅读(14) 评论(0) 推荐(0)
vue组件通信，子组件向父组件通信
摘要： 前置知识vue也实现了观察者模式，提供了订阅消息，发布消息，注销消息等方法。 $on(type, fn) 订阅消息方法 type：消息名称， fn：消息回调函数，参数是由$emit方法传递的。 $emit(type, ...args) 发布消息方法 type：消息名称， ...args：从第二个参数 阅读全文
posted @ 2022-03-26 16:09 HaoyuSun 阅读(370) 评论(0) 推荐(0)
vue组件通信 父向子通信
摘要： 父组件向子组件通信：将父组件的数据，方法传递给子组件 1.在父组件模板中，为子组件元素传递数据 属性值默认时字符串，传递变量方法使用v-bind 命名规范字母小写- 2.子组件 props属性接收数据或方法 两种方式 属性值是 1.数组， 每一个成员代表一个接收的属性名称 或2.对象 k 接收的属性 阅读全文
posted @ 2022-03-26 15:54 HaoyuSun 阅读(67) 评论(0) 推荐(0)
vue计算属性数据
摘要： 我们定义在data中定义的模型数据是固定不变的，我们想在获取数据的时候，动态改变数据，可以使用计算属性数据技术。 静态的数据定义在data属性中：定义的是什么数据，获取的就是什么数据 计算属性数据定义在comptued属性中：定义的是方法，获取的时候，会将执行的结果返回（是计算的） computed 阅读全文
posted @ 2022-03-26 15:07 HaoyuSun 阅读(232) 评论(0) 推荐(0)