0

Vue中Axios封装API接口的思路及方法

一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。在一个项目中我们如果要使用很多接口的话,总不能在每个页面都写满了.get()或者.post()吧?所以我们就要自己手动封装一个全局的Axios网络模块,这样的话就既方便也会使代码量不那么冗余。安装> npm install axios //这个就是安装axios的命令1首先我们要现在项目中安装Axios组件,这一步是一定的。下载好了以后,就在...

阅读全文>>

1

Vue3.0正式版他来l!Vue3.0 One Piece

Vue3.0的发布,其背后的辛酸曲折只有真爱粉才知道,前前后后2000多次的提交,600余次的项目评审,各种各样的beta测试版本。终于,我们的尤神(Vue.js作者尤雨溪)和社区大神坚持不懈,带来了船新版本——Vue.js 3.0 OnePiece(路飞冲冲冲!)。 本文只做简单分析,但是已经有大牛在研究这诞生的One Piece了,可以与他一起讨论:图片来源于网络,如有侵权,请联络作者!来看看更新的重磅内容吧?Vue组件 Teleporthttps://v3.vuejs.org/guide/teleport.htmlVue Treeshaking的全新APIhttps://v3.vuejs...

阅读全文>>

0

基于 Vue+Antd 拖放表单构建器KFormDesign

前几天有给大家分享一个Vue可视化设计器。今天继续推荐一款超不错的Vue拖拽表单设计器K-Form-Design。Vue可视化在线制作平台GodsPenk-form-design 基于 vue.js+ant-design 构建的表单设计器。在线快速生成配置表单。支持自定义属性配置、生成JSON及代码。功能特性可视化配置页面提供栅格、表格等布局布局嵌套使用提供预览、保存、生成json、生成可执行代码等操作支持表单验证快速获取表单数据自定义组件插入自定义主题色组件KFormDesign 表单设计器(基于可视化操作快速设计出表单页面,生成配置json或页面)KFormBuild 表单构建器(根据设计...

阅读全文>>

0

基于 Vue.js 拖拽布局设计器h5Maker

之前给大家分享了一款Vue+Uniapp拖放布局模板。这次继续分享一个优秀的Vue H5在线拖拽编辑器项目h5Maker。vue+uniapp可视化拖拽布局设计器h5maker 基于vue.js的可视化布局编辑器。大致类似maka及易企秀。支持自定义拖放页面元素及配置属性/动画。支持动画及页面预览效果。技术架构vue2.0 + vuex + vue-routerElementUI 饿了么组件库axios 基于promise的HTTP库express 基于Node.js的web应用框架mongoose 基于web服务器项目结构安装使用注意:运行前需要先启动mongodb数据库,请确保本地已安装数...

阅读全文>>

0

vue-element-admin 登陆

vue-element-admin 登陆引言vue-element-admin是vue生态圈中,最火的一个后台管理框架。基于vue和element-ui实现。这篇文章主要会讲解登陆的流程以及我认为这个框架的厉害的东西:动态路由,之前看代码的时候,总想着一个登陆搞那么麻烦,后面仔细品味发现原来一个小小的登陆功能涉及到了这么多的东西。准备工作目录结构了解一个框架之前,先要从目录结构入手(这里直接引用花裤衩大佬的目录结构)。目录结构的了解能够更加清楚模块功能的划分。├── src # 源代码│ ├── api #...

阅读全文>>

0

使用 Vue 开发 Todo 应用

1、项目说明 使用 Vue 开发的一款 Todo 应用,包含登录、待办、日程、历史事项、回收站。项目较为小型,适合进阶学习使用(请注意,项目大量使用 jsx 进行开发)。 2、项目分支说明 目前项目 vue2 版的前端部分已完善(后端接口暂时使用 mockjs)。接下来将会使用 node 进行后端的开发,后续请继续关注。 Vue3 版的正在调整中,感兴趣的可以拉取 vite-vue3 分支查看。 主分支应用使用 vue-cli 创建,搭配技术栈为 vue2.6 + jsx、ts、less、vant-ui、mockjs。 ...

阅读全文>>

0

如何深入理解vue中的export function return

在做项目的时候有的时候项目紧急,所以只需要知道如何使用一下方法实现相应的功能,没得停留下来研究理解为什么要这样使用,所以今天趁不忙就写一下自己对return的理解,一方面是加深自己的理解,另一方面也希望能帮助到需要的人! 我先抛出一个简单的问题:return后面可以跟执行语句或者函数么? 答案:可以! 但是有一点,return不论是什么,都是直接返回,即使是语句或者函数也不会执行的!是函数就返回该函数! 下面从一个例子来加深对return用法的理解: export function getTable() {     return axios....

阅读全文>>

1

vue插件汇总及vue组件大全

Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,这里对vue插件汇总,提供vue组件大全,方便查找使用,便于工作和学习。 一、UI组件及框架     element - 饿了么出品的Vue2的web UI工具套件     mint-ui - Vue 2的移动UI元素     iview - 基于 Vuejs 的开源 UI 组件库     Keen-UI - 轻量级的基本UI组件合集...

阅读全文>>

0

Error: Cannot find module "core-js/modules/es6.regexp.constructor"

下载了vue-element-admin项目,环境配置好之后,npm run dev 运行,却出现了如下错误信息: INFO Starting development server... 10% building 2/2 modules 0 active ERROR Error: Cannot find module 'core-js/modules/es6.regexp.constructor' Require stack: - E:\demo\mock\index.js - E:\demo\mock\mock-server.js - E:\demo\v...

阅读全文>>

0

npm查看安装的依赖的版本

查看依赖包的版本: npm view sass-loader versions --json 查看依赖包本地安装的: npm ls sass-loader npm ls sass-loader -g (全局安装)

阅读全文>>