lb问题记录

1、样式用flex替换calc计算属性
2、vue3数组响应式，配合ts声明类型时，使用as

    setup() {
        let arr = ref([] as Array<string>)
    }

3、vue3 props 类型检验使用PropType

    menu: {
      type: Object as PropType<interfaceType>,
      required: true,
    },

4、ts对象签名索引，使用变量获取时，定义变量的取值范围

    let obj = {
        name: 'rank'
    }
    type rankName = 'name' | 'last_done' | 'value'
    let key: rankName = ''
    obj[key] // 获取正常

5、通过store，视图层和数据层的完全分离。 6、前端编程积木思维，保证各个代码之间解耦，在扩充业务时，代码迁移做最小的变更。