vue 自学笔记(6) axios的使用

前情提要:axios 的使用

    axios是一个ajax 的包,主要在node.js 使用

      axios 的官网

https://www.kancloud.cn/yunye/axios/234845

一:书写格式

          vue 自学笔记(6) axios的使用

    二:在cli 中下载axios 

vue 自学笔记(6) axios的使用

      三: 在主程序mian.js中

vue 自学笔记(6) axios的使用

  四:  注册使用的vue

vue 自学笔记(6) axios的使用

    五:在home.vue 中使用axiso 文件

模板层

vue 自学笔记(6) axios的使用

js层

<script>
export default {
name: "home",
data(){
return {
msg:'',
lable:'' } },
created(){
this.$axios.get("http://wthrcdn.etouch.cn/weather_mini?city=深圳").then(response=>{
console.log(response.data);
console.log(response.data.data.ganmao);
this.lable = response.data.data.ganmao;
}).catch(error=>{ }); }, methods:{
ble(){
alert("123") } } }
</script> 效果图:
  

vue 自学笔记(6) axios的使用

上一篇:QDir, QFileInfo 和 QDirIterator 区别


下一篇:Vue环境搭建-项目的创建-启动生命周期-组件的封装及应用