字符串模板: 对象中作为templet的属性值，是出现在js中的，DOM模板: 直接作用与HTML代码中，是出现在<templet>标签中的。因为HTML标签的属性名是大小写不敏感的，会被自动识别成小写因此无法在标签标签中使用驼峰命名，但js却可以使用驼峰命名为了解决这个冲突，Vue会在底层自动将短横线式等价为命名驼峰式，使用短横线命名在DOM模板中使用组件名、props等都会涉及到这

在网上找了一圈，遇到相同情况的极少，且没有解决办法。这唯一接近的讨论 https://stackoverflow.com/questions/60192096/eslint%2Dnot%2Dignoring%2Dnode%2Dmodules%2Dfolder我的情况是把vue2的项目升级到vue3时出现的，特点就是即便是主动添加忽略也无效考虑更新依赖的版本也没用最疯狂的是就连把eslint都删掉了

相较于模板，应用于更加灵活的场景预备知识实例 property 的 api

【代码】Figma 常用快捷键。

rem的方案对于1920及以上分辨率屏幕来说基本适用，但当切换到1366*768等小分辨率时，由于浏览器默认。写死的，也会出现超出画布的问题，因此衍生第二种方案： scale缩放。css 相对单位，相对于根元素的 font-size 值的大小。将设计到的单位转化为rem单位就可以实现等比例的自适应缩放。，所以会导致文字比理想效果更大， 而echarts生成的。直接计算每个像素在设计稿中占据的%来输

参考博客项目命名: 全部以小写字母命名，以中划线分割。如my-project。 目录命名: 全部以小驼峰命名法，除第一个单词之外，其他单词首字母大写。如myDir。组件文件命名: 遵循 Pascal 命名法（大驼峰），例如 AddressPicker.vue。JS/TS 文件: 以小写字母命名，多个单词以下划线连接，例如 util.js、util_helper.js。HTML/CSS文件

使用resolve => require([`../../views/${item.component}`], resolve)会报错TypeError: Cannot read properties of undefined (reading 'apply')我的解决历程由于并不了解require，加上 resolve 也没定义先尝试将 resolve 删除掉，即：() => req

rem的方案对于1920及以上分辨率屏幕来说基本适用，但当切换到1366*768等小分辨率时，由于浏览器默认。写死的，也会出现超出画布的问题，因此衍生第二种方案： scale缩放。css 相对单位，相对于根元素的 font-size 值的大小。将设计到的单位转化为rem单位就可以实现等比例的自适应缩放。，所以会导致文字比理想效果更大， 而echarts生成的。直接计算每个像素在设计稿中占据的%来输