<template> ... <!-- 这里采用的是iview框架,所以Select和Option都是首字母大写 --> <Select v-model="mCondition.customerId" clearable filterable> <Option v-for="mCustomer in arrCustomer" :key="mCustomer.id" :value="mCustomer.id">{{mCustomer.name}}</Option> </Select> ... </template> <script> import { mapState, mapActions } from 'vuex' export default{ name:'test-temp', data(){ return { // mCondition:{} } }, computed:{ //这里因为是采用vuex.store的分支,不确定采用字符串数组的方式是否可以 ...mapState({ arrCustomer:state=>state.basedata.arrCustomer }) }, created(){ //这里调用的就是mapActions的方法,如果原方法有参数,则默认从第二个参数开始,不需考虑{state} this.loadCustomer(); }, methods:{ //这里采用的是字符串数组的方式 ...mapActions([ 'loadCustomer', ]), } } </script>
以上即是vuex的使用方式,个人认为比较中的说明,已经放在代码中的注释里了.
3 其他注意点