H&B Blog

日期时间格式 ： 显示的可能是正确的时间格式但是最后获取的那个model的值就不是显示的那个样子的。比如显示年月日时分秒。但是后台只需要年月日。这个时候就利用value-format和format value-format 绑定值的格式也就是最后后端接口需要我们传的数据格式 format format的属性，是控制显示的格式的。最后选中以后显示在输入框中的格式 value-for...

vue的生命周期图 在vue实例的整个生命周期的各个阶段，会提供不同的钩子函数以供我们进行不同的操作。先列出vue官网上对各个钩子函数的详细解析。 生命周期钩子 详细 beforeCreate 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实例已经创建完成之后被调用。在这一步，实例已完成以下的配...

一、路由守卫 路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route 提供的beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。---- 导航守卫文档地址 二、全局前置守卫beforEach 使用 router.beforeEach 注册一个全局前置守卫： const router = new VueRouter({ .....

一、需求背景 项目主流程缓存优化，主流程页面（组件）切换时保持之前加载的状态，避免反复渲染影响页面性能，同时也可以很大程度上减少接口请求，减小服务器压力。 二、概念和作用 概念：keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不...

一、Vue实现token验证思路逻辑 第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面 前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面 每次调后端接口，都要...