vue与后台交互ajax数据新手入门_vue基础知识教程

Vue.js是一套构建用户界面的渐进式的前端框架。 vueJS与后台交互数据的方法我所了解的有以下几种:(1)引入vue-resource(mian.js)安装依赖:npm install vue-resource –saveimport VueResource from ‘vue-resource’
vue.use(VueResource)注意:vu

vue与后台交互ajax数据新手入门

Vue.js是一套构建用户界面的渐进式的前端框架。  vueJS与后台交互数据的方法我所了解的有以下几种:

vue与后台交互ajax数据新手入门_vue基础知识教程

安装依赖:npm install vue-resource  –save

import VueResource from 'vue-resource'
vue.use(VueResource)

注意:vue-resource在vue2.0之后就不再更新维护,vue的作者尤雨溪推荐使用axios,axios支持NOde.js环境和浏览器环境。

安装依赖:npm install axios   –save

import axiox from 'axios'
Vue.prototype.$http = axios

调用两种方法都是:(XX.vue)

this.$http.get([url].then(
      response => {}
)

项目中发现,在安卓4.3及以下的手机不支持axios的使用。主要原因就是无法使用promise。解决:加上polyfill就可以了。

在项目中安装es6-promise

 npm install es6-promise –save-dev

在main.js中引入

require(‘es6-promise’).polyfill();

引入js文件,使用$.ajax()

海计划公众号
(0)
上一篇 2020/04/06 04:10
下一篇 2020/04/06 04:10

您可能感兴趣的内容

  • js 不同时间格式介绍以及相互间的转换基础知识入门_时间菜鸟知识

    首先必须要提到的是 Date 对象,它用来处理时间和日期。使用 new Date() 语句可创建 Date 对象,创建出来的时间格式如下(后面提到的标准时间都是指该格式):Wed Jul 17 2019 13:59:21 GMT+0800 (中国标准时间)Date 对象有以下几种创建方式:let date = new Date();
    let date = n

    2020/03/29
  • 火柴小白入门_电脑桌面效率工具神器

    火柴小白入门 官方网址:https://www.huochaipro.com/ 简介描述:电脑桌面效率工具神器 火柴官网(原火萤酱)是一款效率神器软件,支持Windows、Mac系…

    2020/03/11
  • 使用 CSS 追踪用户使用攻略_网页菜鸟攻略

    除了使用 JS 追踪用户,现在有人提出了还可以使用 CSS 进行网页追踪和分析,译者认为,这种方式更为 优雅,更为 简洁,且 不好屏蔽,值得尝试一波我们可以用它来做什么我们可以收集关于用户的一些基本信息,例如 屏幕分辨率(当浏览器最大化时)以及用户使用的什么浏览器(引擎)此外,我们可以监测用户是否点击某个链接或鼠标悬停在某个元素上,用来 追踪用户悬停的链接,

    2020/03/30
  • NodeJS模块os使用指南_模块使用说明

    读了 os 模块的文档,研究了几个有意思的问题:识别操作系统平台理解和计算“平均负载”理解和计算“cpu 使用率”理解和计算“内存使用率”查看运行时间识别操作系统平台nodejs 提供了os.platform()和os.type(),可以用来识别操作系统平台。推荐使用: os.platform()理解和计算“平均负载”平均负载是指:单位时间内,系统处于可运行

    2020/03/20
  • Echo.js使用说明图像延迟加载库

    Echo.js入门基础教程 官方网址:http://toddmotto.com/labs/echo GitHub:https://github.com/toddmotto/echo…

    2020/03/06
  • layer设置maxWidth及maxHeight解决方案小白入门_layer菜鸟教程

    layer介绍layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站。area属性layer的宽高是通过area属性设置,例如 area:[‘300px’,‘600px’],表示定义宽300px;高600px的弹出层;默认设置:layer宽高都自适应

    2020/03/26
  • 如何问一个有效的问题使用帮助_问题使用攻略

    问题像缝纫机上的丝线杂乱而复杂需要慢慢捋清才能找到线的源头“在么?”“我使用XX框架启动报错,你帮忙看下?”“我代码报错了,谁能帮我看下?”“我发现一个诡异的问题”生活中我们经常可以看到一些无效的问题,在开发运维工作中,经常可以看上面这些提问。比较有意思的例子是,工作中突然有个人找你,就说了句“在么?”。等你方便时回复“在,什么问题?”的时候,对方没回应。过

    2020/03/20
  • 浅析 Node 进程与线程小白指南_线程基础知识

    本文首发于政采云前端团队博客:浅析 Node 进程与线程进程与线程是操作系统中两个重要的角色,它们维系着不同程序的执行流程,通过系统内核的调度,完成多任务执行。今天我们从 Node.js(以下简称 Node)的角度来一起学习相关知识,通过本文读者将了解 Node 进程与线程的特点、代码层面的使用以及它们之间的通信。概念首先,我们还是回顾一下相关的定义:进程是

    2020/03/20
  • MySQL逻辑架构简介菜鸟指南_架构使用指南

    最近在看《高性能MySQL》一书,并做了笔记,整理成博客,分享出来:一、逻辑结构简介Mysql服务器逻辑架构图,图来自《高性能MySQL》一书:第一层结构主要处理客户端与mysql服务端的连接、授权认证、安全等;第二层是Mysql服务端的核心,功能包括查询解析、分析、优化、缓存等,存储过程、触发器、视图等都在这一层实现;第三层的存储引擎主要负责数据存储和提取

    2020/03/26
  • Webstorm环境使用nuxt.js做开发,@ 和 ~ 别名配置基础入门_nuxt入门教程

    好的IDE + 好的代码提示 = 高效率的开发webstorm 设置@和~别名,有助于代码查看和跳转.step 0在项目下创建一个webpack.config.js,内容如下:const path = require(‘path’)module.exports = {resolve: {extensions: [‘.js’, ‘.json’, ‘.vue’,

    2020/03/24
  • 程序员必备的学习工具入门百科_工具基础指南

    01 搜索资源网站学习技术过程我们经常需要使用搜索引擎来检索资料,国内常用的也就是某度了。当然有条件的话,搜索引擎首先还是推荐使用 Google,如果没办法使用,可以使用以下几个作为备用:BingBing 国际版:https://cn.bing.com/比某度好用,之前还被停用了几天,最近可以了。DuckDuckGoDuckDuckGo:https://du

    2020/03/20
  • 你知道哪些html事件不能冒泡?小白帮助_js事件小白教程

    事件冒泡是指当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。 我们都知道一般事件的流程是:事件捕捉——>目标元素发生事件——>事件冒泡。但是不是所有的事件和click事件都一样是冒泡的,那么如何判断给事件是否不能冒泡呢?可以

    2020/04/05
  • 字体图标的使用步骤使用帮助_图标小白攻略

    一.字体图标的优点体积小,本质是字体,可以改变颜色,大小,背景等。二.使用步骤1.UI人员设置svg格式交给前端人员2.前端上传svg格式生成兼容性字体文件包登陆https://icomoon.io->点击右侧IcoMoon App->点击左上角New Empty Set->把SVG文件拖入Unititled Set里面即可3.下载兼容性字体文件包到本地如果

    2020/03/23
  • Js事件系统零基础入门_事件指南教程

    本文内容事件基础事件监听方式事件默认行为事件冒泡与事件捕获事件绑定与事件委托事件基础注意:本文不会深入探究Javascript的事件循环。提到事件,相信每位Javascript开发者都不会陌生,由于Javascript是先有实现,后有规范,因此,对于大部分人来说,事件模块可以说是比较模糊的,本文将从不同角度帮助你理清楚事件模块。事件的本质可以说是一个回调函数

    2020/03/22
  • W3cplus小白教程W3cplus是一个致力于推广国内前端行业的技术博客

    W3cplus基础入门 官方网址:http://www.w3cplus.com/ 简介描述:W3cplus是一个致力于推广国内前端行业的技术博客

    2020/03/05
  • CSS :placeholder-shown伪类实现输入框浮动文字效果基础入门_效果教程视频

    在这篇文章中,我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果,使用纯CSS实现。浮动的文字标签当我们处理输入框时,会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的:label标签是关联表单元素,提供说明信息最适合的元素。输入框的placeholder属性允许您指定没有输入内容时出现在元素内的文本。它

    2020/03/30