Vue.js实训【基础理论(5天)+项目实战(5天)】博客汇总表【详细笔记】

目   录

5、axios

5.1、axios安装

5.2、axios使用

5.2.1、在需要使用的组件里引入

5.2.2、发送请求

5.2.3、传递参数

5.2.4、练习接口


5、axios

  • 注意: axios不是Vue的技术点。 它是一个http请求库! 可以理解为一个http的请求插件。

  • 只不过我们在Vue开发的时候,数据请求的时候---->通常喜欢使用axios。

5.1、axios安装

cnpm i axios --save

5.2、axios使用

5.2.1、在需要使用的组件里引入

import axios from "axios"

5.2.2、发送请求

axios.get(地址).then(function(res){// res.data 就是后台返回的数据!
})

5.2.3、传递参数

axios.get(地址?属性名=值&属性名2=值2).then(function(res){// res.data 就是后台返回的数据!
})

根据请求回来数据,赋给data里面的变量。然后去渲染页面。

5.2.4、练习接口

  • http://122.51.249.55:3000/index.php/Api/Index/home

  • http://122.51.249.55:3000/index.php/Api/Goods/goodsCategoryList

  • http://122.51.249.55:3000/index.php/Api/Goods/goodsSecAndThirdCategoryList 传递parent_id参数, 参数值是父级的分类id

多谢观看~

Vue.js-Day04-PM【axios(安装、使用)】相关推荐

  1. vue.js 三种方式安装--npm安装

    Vue.js是一个构建数据驱动的 web 界面的渐进式框架.     Vue.js 的目标是通过简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易上手,便于与第三方库或既有项目整合.     ...

  2. vue.js 三种方式安装

    Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易于上手 ...

  3. vue.js 三种方式安装(vue-cli)

    Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易于上手 ...

  4. 【CSDN软件工程师能力认证学习精选】vue.js 三种方式安装(vue-cli)

    CSDN软件工程师能力认证(以下简称C系列认证)是由中国软件开发者网CSDN制定并推出的一个能力认证标准.C系列认证历经近一年的实际线下调研.考察.迭代.测试,并梳理出软件工程师开发过程中所需的各项技 ...

  5. (3)vue.js安装

    一.本地引入 • 开发版本:https://cn.vuejs.org/js/vue.js • 生产版本:https://cn.vuejs.org/js/vue.min.js 二.cdn 引入 • 最新 ...

  6. 为Angular(2+)开发人员提供带TypeScript的Vue.js

    目录 介绍 单页应用程序的演变(SPA) 三大框架概述 Angular开发者的Vue.js 学习Vue.js Vue.js页面的剖析 构建示例应用程序 TypeScript的案例 入门--Vue.js ...

  7. 使用ASP.NET Core MVC的Vue.Js

    目录 内容主题 VUE.JS简介 DOT NET Core 下载和安装Visual Studio 2017 ASP.NET Core Spa模板 基础知识和设置 Node.js 节点包管理(NPM) ...

  8. vue.js 基础学习 11天 -- 转载 某培训机构 学习资料 (转载链接未找到-暂定原创 - 非原创)

    Vue.js - Day1 课程介绍 前5天: 都在学习Vue基本的语法和概念:打包工具 Webpack , Gulp 后5天: 以项目驱动教学: 什么是Vue.js Vue.js 是目前最火的一个前 ...

  9. Vue.js环境搭建

    简述 小弟刚刚开始写博客,学习VueJs也不久,开这个博客,只是为了多多学习和记录自己的 学习之旅,可能很多地方都很浅薄,还望各位海涵和多多拍砖. 学习Vue也有两个多月了,接触它是在一个很偶然的机会 ...

  10. php node.js django,Vue.js和Django搭建前后端分离项目示例详解

    本篇文章主要介绍了Django+Vue.js搭建前后端分离项目的示例,具有一定参考价值,有兴趣的可以了解一下 在写这篇文章的时候,顺带学习了一下关于Markdown的使用方法. 笔者是个渣渣,一切都是 ...

最新文章

  1. 使用conda报错:from conda.cli import main ModuleNotFoundError: No module named conda
  2. 使用rem适配不同屏幕的移动设备
  3. Ajax技术应用方面
  4. 把对象的创建交给spring来管理——  1.创建bean的三种方式     2.bean对象的作用范围     3.bean对象的生命周期
  5. python日期格式修改年月日_Python time模块格式化中文年月日
  6. NLP之TFTS读入数据:TF之TFTS读入时间序列数据的几种方法
  7. Mybatis常见面试题总结(详细)
  8. python简单算法题_python几道简单的算法题
  9. 用python计算两个二维list依据第二维的前一个数据相加
  10. 《机器学习》 —— 第一章:绪论 学习笔记
  11. java 递归函数_浅谈java递归函数
  12. aws 弹性三剑客_AWS和弹性:超越用户需求
  13. python实验报告六_Python 基础语法
  14. V-rep中导入机械臂模型并验证
  15. 讲解三层代码讲解(DLL规则层如何接收服务器的数据,又如何交回给服务器)--第四课(*****) DATE :2004-06-01...
  16. Nanopore 纳米孔 测序数据处理 微生物 16S全长 Centrifuge的安装和使用
  17. 智源首席科学家孙茂松当选欧洲科学院外籍院士
  18. android APP UI设计图标注、换算
  19. 安装OTRS工单管理系统
  20. win7怎么进入安全模式_win7进入安全模式教程

热门文章

  1. mysql 复杂统计_MYSQL复杂查询
  2. java的mvc实训报告_javaweb实验报告——MVC.docx
  3. android 上下滚动文字_android高仿今日头条富文本编辑(发布文章)
  4. 五十七、Servlet工程和Tomcat
  5. 五十、简单的斗鱼分析案例
  6. 基于聚类的“图像分割”
  7. python中frameset中的元素怎么识别_python3.6+selenium实现操作Frame中的页面元素
  8. ES 6 +ES 5 的相关学习笔记
  9. 任务型对话系统预训练最新研究进展
  10. 从ICCV 2021看夜间场景自监督深度估计最新进展