本人入行前端半年之久,水平有限,还好同事热爱分享技术,让我少走了很多弯路(在此非常感谢!)
更新时间:2017-12-20
用的:vue-resource(axios没用过......T_T)
先放个效果图吧。。O(∩_∩)O哈哈~
![3163714-6cb9fdfbce082d79.png](https://i-blog.csdnimg.cn/blog_migrate/8443937637eacb6914a0b2260ce7a01f.webp?x-image-process=image/format,png)
首先:App.vue 写一个loading动画
![3163714-ec3ab45a8d347f04.png](https://i-blog.csdnimg.cn/blog_migrate/342720b9ceae2b23803d2a38fcbed79f.webp?x-image-process=image/format,png)
App.vue
添加样式。后面C3的代码大家不用写
![3163714-376ea09cca94aceb.png](https://i-blog.csdnimg.cn/blog_migrate/f7dd419e98867c404d53ffe6a7d951f2.webp?x-image-process=image/format,png)
App.vue样式
Vuex代码:message不用写,写箭头处就行
![3163714-a357d1bc2d93eddd.png](https://i-blog.csdnimg.cn/blog_migrate/acbe70545bd073dac4151c9aa38b7580.webp?x-image-process=image/format,png)
Vuex
main.js 写了一个拦截器
![3163714-bb2e0f341573b70d.png](https://i-blog.csdnimg.cn/blog_migrate/85efe84832b49c46b94dc7ac84024e52.webp?x-image-process=image/format,png)
main.js