写Vue项目的一些总结(三）

2.使用Vuex
Store中引入js文件index.js
1） state中定义client ：

    client:JSON.parse(window.sessionStorage.getItem("customer"))||{}

2） mutation中：

getClient(state,data){
     		 window.sessionStorage.setItem("customer", JSON.stringify(data))
       		 state.client = data
}

3） 父组件中获取页面数据时：

  this.multipleSelection = data;
 this.$store.commit('getClient',this.multipleSelection)

4） 子组件引入：

import {mapState} from 'vuex'

5） 子组件映射：

computed: {
            ...mapState['client']
        }

6） 子组件使用：

<span>{{this.$store.state.client.client_name}}</span>