更新vuex跟axios

pet/README.md

@@ -18,3 +18,8 @@ vue学习项目 宠物领养
 <code>
 npm i && npm run dev
 </code>
+
+>1.0.3 
+>修改了vue-resource，使用axios
+>修改vuex,写法更规范点
+

pet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demo2",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "宠物领养社区",
   "main": "index.js",
   "scripts": {

pet/src/api/api.js

@@ -0,0 +1,64 @@
+/**
+ * Created by linhaifeng on 2016/11/16.
+ */
+import axios from 'axios';
+
+export  default {
+
+    /*
+     * 获取首页列表信息
+     * */
+    indexGetList:function (cb) {
+
+        axios.get('/index/getList').then(function (res) {
+            if(res.data.data.code ==1000){
+
+                cb(res.data.data.data);
+            }
+
+        });
+
+    },
+    /*
+    * 获取首页图片
+    * */
+    indexGetImg:function (cb) {
+        axios.get('/index/getImgList').then(function (res) {
+            if(res.data.data.code ==1000){
+                cb(res.data.data.data);
+            }
+
+        });
+    },
+    /*
+    * 获取文章详情
+    * @param id 文章id
+    * */
+    articleGetContent:function (id,cb) {
+        axios.get('/article/getData',{
+            "articleId":id
+        }).then(function (res) {
+            if(res.data.data.code ==1000){
+                cb(res.data.data.data[0]);
+            }
+        })
+    },
+    /*
+     * 提交评论
+     * @param id 文章id
+     * */
+    articleSubmit:function (val,uid,rname,aid,commentId,cb) {
+        axios.get('/article/submit',{val:val,uid:uid,rid:rname,aid:aid,commentId:commentId}).then(function (res) {
+            console.log(val);
+            if(res.data.data.code ==1000){
+                cb(res.data.data.data[0]);
+            }})
+
+    }
+
+
+
+
+};
+
+

pet/src/app.vue

@@ -1,15 +1,13 @@
 
 <template>
     <div class="com-app">
-    
-        <com-header ></com-header>
+
+        <com-header :commData = "commConf" ></com-header>
          <transition :name="transitionName" >
 
                   <router-view class="child-view"></router-view>
-
          </transition>
-        <com-footer v-show="isFooter"></com-footer>
-
+        <com-footer v-show="commConf.isFooter"></com-footer>
 
     </div>
 </template>
@@ -41,6 +39,9 @@ require('./css/style.scss');
             if(this.$route.name==undefined){
                 this.$router.push('index');
             }
+
+            this.$store.commit('COMM_CONF',{isFooter:true});
+
         },
         watch: {
             '$route' (to, from) {
@@ -50,9 +51,10 @@ require('./css/style.scss');
             }
         },
         computed:{
-            isFooter:function () {
-                return this.$store.state.comm.indexConf.isFooter;
-            }
+
+                commConf:function () {
+                    return  this.$store.getters.commConf
+                },
         },
         components:{
             comHeader:Header,