develop.md
1.28 KB
编码规范
1、vuex存储
vuex 存放位置 src/vuex (面所需业务逻辑除非登录、用户信息等通用数据,不必使用vuex 存储)。
- 在src/vuex/index 目录下存放store modules模块文件,文件命名使用views下相同名称,以方便区分。 ``` javascript import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex)
import demo from "./demo"; //你等store modules文件
const store = new Vuex.Store({
modules: {
demo
}
})
export default store;
* store modules 文件必须强制命名空间**namespaced:true**,在模块中引入service文件下views页面同名请求模块。
> mutations命名以“M”开头,actions 以 “A”开头,getters以“G”开头。
``` javascript
import $http from "@/service/pc-index"; //service请求模块
export default {
namespaced:true, //强制
state: {
demo:[]
},
getters:{
Gdemo(state){ return state.demo}
},
mutations:{
MSetdemo(state,data){
state.demo = data;
}
},
actions:{
ASetdemo({dispatch,commit,state,computed}){
return $http.demo()
.then(d=>{
commit("MSetdemo",d.data)
})
}
}
}