关于定义全局变量的约定_Vue

2022-06-01 313 阅读1分钟

变量的定义命名参照

window变量使用大写加下划线（BASE_URL）
普通变量下划线分割单词,前缀使用名词 egs:

1.挂载全局window.global常量参数

window.global.BASE_URL

window.global.MAP_CONFIG=
{
CENTER:[lng,lat],
ZOOM:13
}

2.挂载在vue实例的变量或类命名

约定如下(小写字母加下划线)

VUE2
import moment from 'moment'
Vue.prototype.$moment = moment; // 挂载到 Vue 实例上

VUE3
app.config.globalProperties.$moment = moment;

3.挂载的全局组件（与此前组件使用约定一致）

import TooltipSpan from '@/components/textOverTooltip'

Vue.component('TooltipSpan', TooltipSpan)
or
app.component('TooltipSpan', TooltipSpan);

4.Store使用 state属性

变量定义：使用名词,动词+名词小写字母加下划线

state:{
//名词
  user_name:''
}
 mutations: {
 //遵循# Restful规范  http动词+名词规范 结合函数命名规范
        setUserName(state, val) {
            state.channelDetail = val
        },
        }

5.公有类

（小写字母加下划线，方法使用动词加名词）
共有方法和变量命名一致，
私有方法添加前缀_(下划线)

//类名大写
class MathFun {
private_count:0,
  constructor() {}
  // 累计 一维数组
  calcSum(array) {
    let sum = array.reduce(function (prev, cur, index, arr) {
      return prev + cur
    })
    return sum
  }
  //   累计对象数组
  calcsumObjArray(array, key) {
    let sum = array.reduce(function (prev, cur, index, arr) {
      return prev[key] + cur[key]
    })
    return sum
  }
}

export default MathFun