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)
                     })
       }
    }
}