在项目中难免有一些重复的操作，比如读取数据等，此时把这些操作封装起来就很有必要了1.在main.js中封装，在vue页面中获取数据(优点:不需要import操作,挂载在this中，可以获取vue对象,然后封装一些自定义操作) main.js中:import Vue from 'vue'
import Axios from 'axios'
import ElementUI from 'el
转载
2023-05-29 15:34:19
283阅读
目录前言一、为什么要封装请求二、创建axios实例并导出三、接口的封装四、接口在页面的调用五、补充内容（跨域请求需配置代理） 前言此封装没有什么复杂的内容都是一些基本操作，因此较适合小白，复制黏贴即可用。一、为什么要封装请求小型的项目是完全可以不封装的，中大型项目非常建议封装一下，有些接口是重复调用的，那样你就需要重复去写，而且当接口修改时，你就需要去找n个调用了这个接口的页面，然后一个个的重复
转载
2023-09-19 21:11:00
216阅读
1、使用 webpack-simple 模板，没有vue-router的中间件，不需要路由时推荐使用，同时 webpack-simple 没有格式的检测，新建项目vue init webpack-simple然后再 npm install 初始化在新建的项目的src目录下新建一个目录（components）目录下存放自定义组件组件封装好后在组件目录（components）下新建一个index.js
转载
2024-05-30 22:23:17
114阅读
js封装就是把使用方式简单化，内部逻辑和使用解耦。使用人员知道参数和返回值就可以了，其他不用使用人员设置。
转载
2023-05-26 20:38:21
86阅读
NPM地址 使用方法相同url参数提取//提取url中的参数
function query(url) {
if(!(url instanceof String )) return {}
url = url.split('?')[1] //提取url问号?之后的字符串
if(!url){
return {}
}
url = url.split('&') //分离&之间的
转载
2021-01-31 11:37:22
334阅读
2评论
//获取cookie // var user_id = getCookie('ECS[user_id]'); function getCookie(c_name){ if (document.cookie.
原创
2022-06-21 15:30:03
100阅读
封装库--JavaScript，完整封装库文件/**
*feng_zhuang_ku_1.0版本，js封装库，2016/12/29日：林贵秀
**/
/** 前台调用
* 每次调用$()创建库对象,使其每次调用都是独立的对象
* $()创建库对象,有一个可选参数，参数有两种方式，1是传入的this，2是传入的字符串
* 可选参数说明：
* 传入的this，this，就是当前对象本身
转载
2023-12-28 11:59:34
36阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip
转载
2020-10-28 18:45:00
389阅读
2评论
JS 对象封装的常用方式JS是一门面向对象语言,其对象是用prototype属性来模拟的。来看看如何封装JS对象.常规封装 function Person (name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;
}
Pserson.prototype = {
constructor:Pe
转载
2024-01-03 11:41:14
53阅读
// 1.封装a-b随机数// parseInt(Math.random()*9000+1000) // 0-9000,不包含9000
原创
2022-06-29 22:21:32
266阅读
// 封装事件代理
原创
2021-08-04 11:19:20
151阅读
Nuxt.js 封装方法
原创
2023-08-02 18:34:37
172阅读
js封装深拷贝方法
原创
2023-04-29 13:46:32
266阅读
import axios from "axios";
import qs from "qs";
import { Message } from "element-ui";
import router from "../router";
const Axios = axios.create({
baseURL: "/", // 因为我本地做了反向代理
timeout: 10000,
r
转载
2023-08-24 09:42:59
81阅读
第一步：首先引入axios然后创建两个文件夹api和http http.js 里面的1 import axios from 'axios';//引入axios
2
3 //环境的切换 开发环境(development)使用的是测试接口 和 生产环境(production)使用的是上线接口
4 if(process.env.NODE_ENV=='development'){
转载
2023-06-05 15:49:48
64阅读
公共弹窗js写法：Dialog.js
转载
2019-12-18 10:48:00
352阅读
2评论
JavaScript的模块化：继承（原型）、封装（闭包）、多态 一、封装： 封装是实现面向对象程序设计的第一步，封装就是将数据或函数等集合在一个个的单元中（我们称之为类）。被封装的对象通常被称为抽象数据类型。 封装的意义： 封装的意义在于保护或者防止代码（数据）被我们无意中破坏。在面向对象程序设计中数据被看作是一个中心的元素并且和使用它的函数结合的很密切，从而
转载
2024-01-22 05:59:56
31阅读
我们在做vue项目时，经常会需要引入js,常用的有以下几种。第一种import XX from “路径”
Vue.use(XX);这里的js文件要导出用export default {
Vue.proprtypes.aa=function(){}
}第二种js文件没有用export default{}直接就是纯方法解决：直接在index.html中引入script标签，其中的方法可以全局使用。第三
转载
2023-05-29 22:50:56
2029阅读
在 Vue3 项目中，封装 Axios 用于处理 HTTP 请求是一种常见的实践。本文将全面探讨如何在 Vue3 中进行 Axios 的封装，包括环境准备、集成步骤、配置详解、实战应用、排错指南以及生态扩展。这些步骤将使开发者能够有效地管理 API 调用，提升项目的可维护性和可扩展性。
## 环境准备
在开始封装 Axios 之前，我们需要确保项目的环境已准备妥当。以下是推荐的技术栈兼容性：
1.1 为什么选择axios? axios 是一个基于 promise 的 HTTP库网络请求插件. 基本特点 可以用在浏览器==(测试网站：httpbin.org/)==和 node.js中 支持 Promise API。 自动转换 JSON 数据。 客户端支持防御 XSRF。 创建项目：vue ...
转载
2021-10-28 20:01:00
182阅读
2评论
