9

www/vue/src/components/mine.vue

@@ -1,16 +1,22 @@
 <template>
 	<div class="mine">
 		<h1>this is mine component</h1>
-	  <ul>
+		<ul>
 			<li v-for="item in products" >
 				{{item.name}}
 			</li>
 		</ul>
+		<button v-on:click="btn(usid)" :data-value="usid">点击</button>
 	</div>
 </template>
 <script type="text/javascript">
   import { mapState, mapActions } from 'vuex'
   export default({
+    data () {
+      return {
+        usid: this.$store.state.user.userInfo.id
+      }
+    },
     computed: mapState({
       products: state => state.product.products
     }),
@@ -20,10 +26,18 @@
     methods: {
       ...mapActions([
         'PRODUCTLIST'
-      ])
+      ]),
+      btn: function (a) {
+        let value = a
+        console.log(value)
+        console.log(2)
+      }
     }
   })
 </script>
 <style type="text/css" scoped>
-
+	button{
+		font-size: 3rem;
+		border:1px solid darkseagreen;
+	}
 </style>

www/vue/src/components/order.vue

@@ -16,7 +16,6 @@ export default {
   }),
   created () {
     this.USERINFO()
-    console.log(this)
   },
   methods: {
     ...mapActions([
@@ -24,9 +23,7 @@ export default {
     ])
   }
 }
-console.log(1)
-console.log(this.$store.state.userInfo)
-console.log(2)
+
 </script>
 
 <style lang="css">

www/vue/src/components/product.vue

@@ -13,9 +13,6 @@ export default {
     }
   }
 }
-
-console.log(this.$store)
-
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->

www/vue/src/config/api.js

@@ -1,14 +1,11 @@
 import axios from 'axios'
 import config from './config'
 // let apiPath = 'http://commontest.yiguanjia.me/index.php?r='
-console.log(config)
-console.log(config.formData)
+
 export default ({
   // 获取用户信息
   getO2oUserInfo: function (cb) {
-    console.log(config.userId)
     axios.post('o2o/user/info', config.formData).then(function (res) {
-      console.log(res.data)
       cb(res.data)
     })
   },

www/vue/src/store/index.js

@@ -3,13 +3,13 @@
  */
 import Vue from 'vue'
 import Vuex from 'vuex'
-import test from './test'
+import user from './user'
 import product from './product'
 import PayCharge from './PayCharge'
 Vue.use(Vuex)
 export default new Vuex.Store({
   modules: {
-    test,
+    user,
     product,
     PayCharge
   }

www/vue/src/store/test.js → www/vue/src/store/user.js

@@ -10,7 +10,7 @@ export default {
   mutations: {
     // 注意，这里可以设置 state 属性，但是不能异步调用，异步操作写到 actions 中
     USERINFO (state, userInfo) {
-      state.userInfo = userInfo.data
+      state.userInfo = userInfo
     }
   },
   actions: {