vue
山川pro
这个作者很懒,什么都没留下…
展开
-
js 统一封装 api 请求文件 ----window.fetch方法
export default async (url = "", data = {}, type = "GET", method = "fetch") => { let baseUrl = ""; type = type.toUpperCase(); url = baseUrl + url; if (type == "GET") { let dataStr = ""; //数据拼接字符串 Object.keys(data).forEach((key) => {原创 2020-12-21 10:15:48 · 537 阅读 · 0 评论 -
ES6生成器函数,解决回调地狱问题
//想要实现的是: 成功获取商品数据后,获取订单数据,成功获取订单数据后,获取商品数据function getUsers() { setTimeout( () => { let data = '用户数据' iterator.next(data) },1000)}function getOrders() { setTimeout( () => { let data = '订单数据' iterator.next(data) },1000)}function原创 2020-11-30 13:48:18 · 152 阅读 · 0 评论 -
vue中Axios的封装和API接口的管理
一、axios的封装在vue项目中,和后台交互获取数据这部分,通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。它有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。安装npm install axios; // 安装axios复制代码引入一般在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios,api.js用来统一管理我原创 2020-09-24 10:40:00 · 169 阅读 · 0 评论 -
Vue 单页面,多路由,前进刷新,后退不刷新
已根据以下链接方法实践,可以实现需求。参考链接: https://segmentfault.com/a/1190000012083511原创 2020-07-21 14:56:26 · 140 阅读 · 0 评论 -
Vue发送post请求时,请求参数为list数组形式 ----- 遇到的坑及解决
需求:Vue项目中,批量删除列表项,调用删除接口时,需要把列表项以一个list数组形式传递给后台。目标参数格式如下:一开始使用原生axios来进行网络请求调用,参数格式错误,后台报了500错误,错误参数如下:解决步骤:封装一个request.jsimport axios from 'axios'// 创建axios实例const service = axios.create({ baseURL: '', timeout: 15000 // 请求超时时间})// requ.原创 2020-07-17 10:39:50 · 9850 阅读 · 0 评论 -
Axios接口调用学习
常用API get: 查询数据 post:添加数据 put:修改数据 delete:删除数据get传参 A.通过URL传参 axios.get('/data?id=123') .then({ ret => console.log(ret.data) }) axios.get('/data/123') ..原创 2020-06-03 14:10:46 · 217 阅读 · 0 评论 -
Vue双向数据绑定原理
本文主要介绍两大内容:vue数据双向绑定的原理。实现简单版vue的过程,主要实现{{}}、v-model和事件指令的功能。相关代码地址:github.com/canfoo/self…vue数据双向绑定原理vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,那么vue是如果进行数据劫持的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。代码:var vm = new Vue({ data: { obj: {转载 2020-05-26 09:28:33 · 202 阅读 · 0 评论 -
Vue-Router知识点(持续学习整理中)
路由就是通过互联的网络把信息从源地址传输到目的地址的活动。–>路由提供两种机制:路由和转送路由:决定数据包从来源到目的地的路径,转送:将输入端的数据转移到合适的输出端。路由表:本质上就是一个映射表(每一个内网ip都会对应一个电脑标识),决定了数据包的指向。前端渲染和后端渲染–>后端渲染:也称服务端渲染。即后端处理url和页面之间的映射关系,这种情况下渲染好的页面...原创 2019-12-19 15:23:03 · 241 阅读 · 0 评论 -
记录一些vue的知识点
Vue 组件提供了纯自定义元素所不具备的一些重要功能,最突出的是跨组件数据流、自定义事件通信以及构建工具集成。每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。—>生命周期钩子的 this 上...原创 2019-12-15 16:08:31 · 131 阅读 · 0 评论