如何下载vue-resource.js

1.vue-resource是干嘛用的

Vue 要实现异步加载需要使用到 vue-resource 库。
Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。

2.怎么下载

浏览器打开https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js这个网址，然后Ctrl+s保存到本地就可以了，然后js中引入本地的路径。

当然也可以使用在线的，直接在js中引入，如下：

<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>

如何发送请求

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="lib/vue.js"></script><script src="lib/vue-resource.min.js"></script>
</head>
<body><div id="app"><h3>{{weather}}</h3><h3>{{address}}</h3></div></body>
<script>//如果我们通过全局配置了，请求的数据接口 根域名，则 在每次单独发起http 请求的时候，请求的url路径，应该以相对路径开头，前面不能带 /，否则不会启用根路径做拼接Vue.http.options.root = 'https://free-api.heweather.net/';var vm = new Vue({el:"#app",data: {weather:'',address:'',},created(){this.getInfo()},methods: {getInfo(){this.$http.get('s6/weather/now?location=beijing&key=daef4fb5807d4faa96d1b7dab16d981d').then(result => {var result = result.bodyconsole.log(result.HeWeather6[0])this.weather = result.HeWeather6[0].now.cond_txtthis.address = result.HeWeather6[0].basic.admin_area})// this.$http.post('https://free-api.heweather.net/s6/weather/now',{location:'beijing',key:'daef4fb5807d4faa96d1b7dab16d981d'}).then(result => {//     var result = result.body//     console.log(result.HeWeather6[0])//     this.weather = result.HeWeather6[0].now.cond_txt//     this.address = result.HeWeather6[0].basic.admin_area// })}},})
</script>
</html>

如何下载vue-resource.js相关推荐

Vue的使用（下载vue.min.js+创建测试用的项目+Vue实例创建）
官网:https://vuejs.org/ VUE文档:https://vuejs.org/v2/guide/ 简介 Vue是一个用于构建用户界面的渐进式框架,从一开始就被设计为可逐步采用.核心库只关 ...
下载vue.min.js
我使用的方法是在idea里面npm init -y 这种方法 1,打开idea新建一个project 里面选择Static Web 和Static Web 2.这个文件被建好之后打开控制台那块区域 ...
vue和php网站下载,vue.js去哪下载
vue.js可以去vue官网下载,其下载链接为"vuejs.org/v2/guide/installation.html",然后用" 本教程操作环境:Windows7系统 ...
vue.js中文官网下载vue.js失败了？
访问vue官网 https://v2.cn.vuejs.org/v2/guide/installation.html下载vue.js,页面直接报错404,只需要切换到英文版,重新下载即可成功. 或者直 ...
记录学习IDEA的遇到的问题--关于IDEA无法下载vue.js插件问题
在使用IDEA2.4版本下载vue.js过程中出现无法下载问题. 问题描述:连接jetbrains插件网超时导致无法下载解决方法:1.打开Settings--> Appearance & ...
vue.config.js 配置参考
文章目录属性说明常用完整配置属性说明 vue.config.js是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-s ...
VUE-CLI可选的配置文件vue.config.js
VUE-CLI可选的配置文件 vue.config.js 整理自官方文档,仅供博文https://blog.csdn.net/qq_28550263/article/details/120633610 ...
小白的 vue.config.js 配置分析
首先,vue.config.js 文件必须要导出一个对象[涉及到模块概念] module.exports = {}; 对象属性详解 # publicPath 部署生产环境和开发环境的URL.默认值是 ...
webpack配置及vue.config.js
webpack Q:为什么要用webpack? A:1.当然是方便了开发啊,它的dev server 主力你的本地开发,只要一改代码自动构建编译完成还自动帮你刷新浏览器,这个开发体验谁用谁爽 2.减少 ...
Vue-Cli 3.0 + vue.config.js
虽然一直没有亲手搭建过vue项目,但是2.0的时候就开始自学(但并没有实践项目).然后公司最近有个人用3.0做了个项目,公司让我参与进去,我就顺便学习了一把3.0.(美滋滋) 因为电脑的环境还是之前自 ...

如何下载vue-resource.js

1.vue-resource是干嘛用的

2.怎么下载

如何发送请求

如何下载vue-resource.js相关推荐

最新文章

热门文章