script setup 语法糖使用
优势<script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。在 Vue3中只需要在 script 标签上加上 setup 属性，无需 return，template 便可直接使用。相比于普通的
更少的样板内容，更简洁的代码。
能够使用纯 TypeScript 声明 props 和抛出事件。
更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数，没有任何的中间代理)。
更好的 IDE 类型推断性能 (减少语言服务器从代码中抽离类型的工作)。
tips：Vue3.2 版本开始才能使用语法糖！
一、基本语法要使用这个语法，需要将 setup attribute 添加到 <script> 代码块上：
1234<script setup> console.log('hello script setup')</script>
二、设置name新增加一个script标签，在这个标签中写入name属性，代码如下:
12345678910111213141516<templa ...
setup相关知识点
一、setup 函数setup() 函数是在 beforeCreate 钩子之前执行的一个函数。
setup 接收 2 个参数：
props：一个响应式的对象，包含了从父组件中传过来的所有属性。不能使用 ES6 解构。
context：一个普通的对象，暴露了其它可能在 setup 中有用的值。能使用 ES6 解构。
setup 的返回值：
一个对象：对象里的属性都可以在模板中使用。当 setup 函数返回一个对象时，该对象里的属性均可在模板中使用。只不过，如果该属性是个对象，在模板里使用该对象时，该对象会被自动浅解包，因此，不应在模板中直接使用 对象.属性名 的形式访问该对象里的属性。
一个函数：该函数可以直接使用在同一作用域中声明的响应式状态。
setup 函数的特点：
在 setup 函数中定义的变量和方法，必须将它们 return 到最后的结果对象中去，才能在 template 模板中使用它们。
setup 函数的使用：
1234567891011121314151617181920212223<template> <div>{&# ...
el-table 怎么合并相同单元格
问题背景项目需求table表格中，相同的类型合并成一个单元格展示。
问题描述el-table并没有相关的语法直接合并，需要我们自己传入一个方法返回一个数组格式，来确定要合并行列。
解决问题首先需要在 el-table 标签上绑定:span-method="objectSpanMethod"
123<el-table :data="tableData" :span-method="objectSpanMethod" > <el-table-column prop="projectName" label="订单类型" /> </el-table>
再去methods中定义 objectSpanMethod 方法，data中定义一个rowSpanArr参数
123456789101112131415161718192021222324252627282930// 获取相同名称的个数 tableData: 表格的数据, projectName: 确 ...
hexo 上传后gitHub 中custom domain 被重置
问题背景通过hexo构建的个人博客，托管在gitHub上，并在setting => pages => Custom domain 中将自己的域名与gitHub路径绑定。这样可直接通过自己的域名访问博客了。
问题描述项目在执行hexo clean => hexo generate => hexo deploy后gitHub上的Custom domain 填写的域名被重置了。
解决问题在项目的source文件夹下添加一个CNAME文件，在文件中填写自己的域名地址
这样配置就OK了。再次hexo deploy上传Custom domain中的内容就不会被重置了
Navicat设计字段总结
1、经常变化的字段用varchar；
2、知道固定长度的用char；
3、超过255字节的只能用varchar或者text；
4、能用varchar的地方不用text；
5、能够用数字类型的字段尽量选择数字类型而不用字符串类型，这会降低查询和连接的性能，并会增加存储开销。这是因为引擎在处理查询和连接回逐个比较字符串中每一个字符，而对于数字型而言只需要比较一次就够了；
6、同一张表出现多个大字段，能合并时尽量合并，不能合并时考虑分表，原因请考 优化InnoDB表BLOB,TEXT列的存储效率