四川网站建设seo,apache 创建网站,中小企业门户网站建设策略,wordpress qq挂件加油#xff01; 文章目录 1. 二次封装 axios 做了什么2. 路由的生命周期3、 vue2 和 vue3的区别4、vuex 1. 二次封装 axios 做了什么 请求拦截 成功#xff1a; 头部添加token失败#xff1a; 返回错误信息 响应拦截 如果没有 token #xff0c;就提示转为登录页
路由守… 加油 文章目录 1. 二次封装 axios 做了什么2. 路由的生命周期3、 vue2 和 vue3的区别4、vuex 1. 二次封装 axios 做了什么 请求拦截 成功 头部添加token失败 返回错误信息 响应拦截 如果没有 token 就提示转为登录页
路由守卫是 vue router 提供的一种机制用于路由跳转前的的拦截或者控制有三种路由守卫全局前置路由守卫全局后置路由守卫和组件内的路由守卫 前置路由守卫是对路由跳转前的拦截比如做跳转前的验证或者权限判断 后置路由守卫是路由跳转后的相应页面操作比跳转完关闭当前路由 组件内的路由守卫是对组件内部进行路由拦截控制常多用于业务逻辑 权限验证
用户登录的成功会返回一个token,存放到local 里每次在跳转路由的时候会在前置路由守卫里判断下token是否存在或者是否过期都符合就next放行
2. 路由的生命周期
keep-alive 是vue内置组件可以将组件持久化在下次展示时不会重新初始化维持状态不变有两个生命周期activeted和deactived 一个是组件被激活一个是离开时触发。 max 缓存的最大数include 名字匹配的会被缓存exclude 相反
3、 vue2 和 vue3的区别 语法不一样vue2使用选项式API分割了data,methodswatch等属性,vue3使用组合式api 生命周期不一样vue2中的beforeCreate和create在vue3里是setup 响应式原理不同vue2使用的defindpoty vue3使用的proxy 代理 vue2 响应式数据在data里vue3 使用reactive创建响应式数据 vue2只有一个根节点
4、vuex 他是一个状态管理工具我在项目一般用它来保存值比如商品添加页用户发现一些东西没建立在添加页跳转到某个页前完成操作后发现之前输入的值没有发生改变还有就是封装组件的时候我之前封装一个头部的组件里面嵌套了两个组件会有公共的数据 状态管理工具 缓存值组件传值
stategetter用于获取State中的数据可以对State中的数据进行计算和筛选可以操作vuex 数据的computedmutations 可以直接修改状态的变化主要用于处理同步的状态变化actions 需要调用mutations的commit 方法间接修改状态主要用于处理异步的状态变化