vue3.2 调试记录

1.页面宽度限制
    style.css 文件中:
        1. #app 属性删除"max-width: 1280px"
        2. #body #app 添加 "width: 100%, hight: 100%" 

    # localStorage (html本地存储, 需要转换String和JSON)
        https://blog.csdn.net/zhanduo0118/article/details/110060623
    
    # margin: 10px 5px 15px 20px; 上右下左，边距

    # padding： 10px 5px 15px 20px; 上右下左，填充


2.Cookie，Session和Token概念的正确理解
    https://cloud.tencent.com/developer/news/247610
    
    API 应该设计成无状态的, 这意味着没有登陆,注销的方法, 也没有Sessions, API的设计者同样也不能依
    赖Cookie, 因为不能保障这个请求都是有浏览器所发出的, 自然我们需要一个新的机制, Token就是为了解
    决这个问题的

3.ES、JS
    const 常量不可变更值
    let 变量可重新复制
    
    # Object <--> Map
        const deviceFormDict = new Map(Object.entries(toRaw(modelRef)));
        Object.fromEntries(deviceFormDict.entries());
    # Map
        #删除 deviceFormDict.delete('updateTime')

4.ant-design-vue
    # <Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 destroyOnClose。

5.vue3
    # reactive() JavaScriot提供的创建响应式对象或者数组, 有限制
      ref() VUE提供的创建任何类型的响应式对象，没有类型限制
        https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.html#declaring-reactive-state

    # expose 函数用于显式地限制该组件暴露出的属性，当父组件通过模板引用访问该组件的实例时，将仅能访问 expose 函数暴露出的内容

    # 状态管理：如果你有一部分状态需要在多个组件实例间共享，你可以使用 reactive() 来创建一个响应式对象，并将它导入到多个组件中
https://cn.vuejs.org/guide/scaling-up/state-management.html




6. echart
    # API 汇总
        https://echarts.apache.org/zh/option.html#series-sunburst.levels.label.rotate

    # 旭日图
        
    # 地图数据
        http://datav.aliyun.com/portal/school/atlas/area_selector

    # 页面来回跳转 图表不显示数据，不刷新数据问题
        离开页面时做数据清除mychart.clear(), 以及销毁mychart.dispose()



7. 部署
    # 打包 
        npm run build
        
    # ubuntu nginx
        https://blog.csdn.net/challenglistic/article/details/126403714