Axios

一、卸载vue2.0版本

npm uninstall -g vue-cli

 

 

二、安装vue3.0版本

npm install -g @vue/cli

 

 

三、查看vue版本

vue -V

 

 

四、搭建脚手架

npm create aaa

 

 

五、根据需求创建脚手架

1、选择最后一个,自定义脚手架
2、use history...,选择yes
3、选择预编译的css预处理器
4、选择第一个,出现错误才报
5、什么时候选择eslint,保存的时候(检查语法错误)
6、选择In dedicated...
7、是否选择保存该配置,下次直接使用

 

过程中git提示,选择是。将node_modues添加到gitignore

 

重点

一、安装axios

npm install axios -S

 

在package.json查看是否安装成功

 

二、跑项目

npm run serve

 

 

二、停止项目,更改 views/Home.vue

1、引入axios
import axios from axios

2、在components下面创建生命周期函数created
created(){
  axios.get(‘/data.json‘)   /*相对于public里面的index.html而言*/
.then((res)=>{
console.log(res); /*成功执行*/
})
},

 

 

三、测试:

1、public里面新建data.json
{
  name : zhangsan,
  age : 16    
}

 

 

四、测试

1、打开localhost后,查看控制台,会输出获取到的数据
2、可以在network里面找到data.json

 

Axios

上一篇:【iOS知识汇】使用masonry的一个坑


下一篇:uni-app官方教程学习手记