vue项目开发中的随笔

1、大型项目 枚举接口的使用，把枚举字段存放在vuex中，并在使用到的地方，使用mapState辅助函数 获取，mapState 介绍使用方便状态及配置的管理。

2、页面渲染，带html标签的使用v-html或者 v-text。

3、状态映射

//两个字段的映射
<div>{
  {item.status==1?'通过':'拒绝'}}</div>
//多个字段的映射
<div>{
  {['足球','篮球','排球','乒乓球'][item.hobby]}}</div>

4、根据业务场景 常常动态添加样式

//html
<div :class="assetClass(item.status)"></div>


//js
  // 不同状态的icon样式
        assetClass(status) {
            let _status = Number(status);
            switch(_status) {
                case 0:
                    return 'icon1'; 
                case 1:
                    return 'icon2'; 
                case 2:
                    return 'icon3