vue-axios的使用及axios请求赋值为空问题
注意：
如果没有使用脚手架
需要命令导入axios
1 | npm install axios |
注意：
如果没有axios智能代码提示
vscode 引入插件 axios Snippets
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <title>Document</title><div id="userList"> <ul><li> 编号：{{item.id}} 姓名:{{item.name}} 号码：{{item.number}} </li> </ul></div> new Vue({ el:'#userList', data: { users:[] }, //mounted 钩子函数，可在vue初始化之前加载 mounted() { this.getUserList(); }, methods: { getUserList(){ //axios 请求 axios.get('http://127.0.0.1:8081/userList', { // params:{ // ID:123451 // } }) //为什么请求要在这里处理呢？翻看我前面的文章ES6新特 .then(res => { console.log(res.data) this.users=res.data }) .catch(err => { console.error(err); }) } }, }) |
注意：
.then 如果使用箭头函数
我们可以通过this.users 把获取到的值 赋予进去，否则只能如下：
1 2 | let vm = new vue({})vm.users = res.data |
只能这样哈~
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持IT俱乐部。
