logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端快速简单封装接口

封装接口请求一直是前端一个必须要操作的步骤此文以小程序封装uni.request为例,如果需要Vue项目中详细封装接口,可查看5.封装axios1. 基础版 直接上代码在项目utils目录下新建request.js文件,用于封装请求// 此文以小程序封装uni.request为例/**封装请求接口* url: 请求路径* methods: 请求方式(get/post)* data: 请求参数

vue3时代别再写mixin,快来试试hooks

mixin是一种思想,一种混入的思想。混入的内容就是可以在被混入的地方使用,他会自动的将混入的东西准确的分配到指定的组件中。在vue中,mixin相当于指定混入的变量&函数放入他不混入时候该放的地方。可以认为,vue中的mixin就是相当于组件中的组件。举例:表单弹框业务,属于很常见的业务场景,新增打开弹框,表单校验,编辑打开弹框进行数据回显等import {// 补充setFormValues

文章图片
#vue.js#前端
原生ajax的封装写法以及总结

好久没有跟新博文了,最近梳理了ajax相关内容,和大家一起分享,希望可以帮到看到此篇文章的朋友。1.原生 ajaxGET请求2.原生 ajaxPOST 请求3.封装 ajax 请求1、原生ajax GET 请求步骤:1、创建xhr2、监听xhr.onreadystatechange事件 ajax状态发生变化的事件3、判断ajax请求的状态...

#ajax
关于解决token过期失效问题

关于解决token过期失效问题,用户对token无感知(实现免登陆)一、先认识下token二、整体思路三、实现步骤1.理清各个文件作用2.路由导航守卫3.封装localStorage方法4.vuex5.封装axios 实现请求拦截器和响应拦截器(重点部分)四、小结一、先认识下token二、整体思路三、实现步骤1.理清各个文件作用2.路由导航守卫设置用户有无token访问主页,并且登录成功回到目标页

#vue.js
关于解决token过期失效问题

关于解决token过期失效问题,用户对token无感知(实现免登陆)一、先认识下token二、整体思路三、实现步骤1.理清各个文件作用2.路由导航守卫3.封装localStorage方法4.vuex5.封装axios 实现请求拦截器和响应拦截器(重点部分)四、小结一、先认识下token二、整体思路三、实现步骤1.理清各个文件作用2.路由导航守卫设置用户有无token访问主页,并且登录成功回到目标页

#vue.js
vue项目中添加富文本编辑器

推荐使用vue-quill-editor 富文本编辑器官网:https://quilljs.com/接下来进行操作1. 首先 在项目中打开终端 输入npm install vue-quill-editor 进行安装2. 分别引入富文本编辑器及其css样式import { quillEditor } from 'vue-quill-editor'import 'quill/dist/quill.co

vue3.0基础知识浅谈

vue3中 setup、ref、生命周期、计算属性、监听

文章图片
前端快速简单封装接口

封装接口请求一直是前端一个必须要操作的步骤此文以小程序封装uni.request为例,如果需要Vue项目中详细封装接口,可查看5.封装axios1. 基础版 直接上代码在项目utils目录下新建request.js文件,用于封装请求// 此文以小程序封装uni.request为例/**封装请求接口* url: 请求路径* methods: 请求方式(get/post)* data: 请求参数

vuex中获取值和设置值

vue项目中将非父子组件之间共用的数据也可以通过vuex进行传值书写vuex根目录下新建src/store/index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({// 保存公共数据state: {name: ''},// vuex中公共数据在motations中

#vue.js
    共 14 条
  • 1
  • 2
  • 请选择