Vue开发，一般会使用构建工具（Vite、webpack等）开发单页面应用，
这种构建方式下可以直接使用单文件组件（.vue）创建一个组件，有代码提示补全等，
并且可以使用npm、yarn等包管理器安装Vue全家桶、Sass（动态样式语言）、TS（静态类型语言）、ESlint（代码修复与检查）、Prettier（代码格式化）、Axios(请求库)等一系列包提升开发效率。
对于小项目可能并不需要构建工具，
vue在传统的HTML中使用和单文件组件中使用的语法一致，不同点在于未使用构建工具时没有相应的代码提示，不能使用包管理器，单文件组件不能以.vue形式创建，
所有使用的组件都需要在script中以对象的形式创建，每个组件其实就是一个vue实例，组件实例的模板需要在template中创建。

清炖牛腱子
冷水下锅煮 去浮沫 多去几次  干净为止 ，
放入电炖锅  加开水  加生姜醋 ，一小时后  ，用筷子能戳进去就可以 ，
加盐 ，二十分钟后 拿出来 放凉 ，保鲜膜封住 ，放冰箱冷藏 ，
冷藏定型后切片，可蘸料吃，

各种数据对象之间的转换，
BeanUtil.copyProperties 可以实现，但是性能差且容易出问题。
MapStruct 类似于lombok ，在编译期生成代码，不存在运行时性能问题。

每日一曲  青花瓷 粤语版

bcprov-jdk18on 和 bcpkix-jdk18on 是两个不同的Java库，它们都由Bouncy Castle提供，并且针对JDK 1.8及以上版本。
bcprov-jdk18on 主要用于加密算法的实现，而 bcpkix-jdk18on 则专注于处理PKIX证书链和X.509证书。

org.bouncycastle 是一个广泛使用的开源加密库，它为Java平台提供了丰富的密码学算法实现，包括对称加密、非对称加密、哈希算法、数字签名等。
在国密算法中，SM2是一种基于椭圆曲线的非对称加密算法，可以用于公开密钥加密、数字签名、随机数生成等多种用途

加密算法分为三种
1、对称加密（symmetric），例如：AES、DES等 
2、非对称加密（asymmetric），例如：RSA、DSA等 
3、摘要加密（digest），例如：MD5、SHA-1、SHA-256、HMAC等

HMAC（Hash-based Message Authentication Code，散列消息认证码）
SHA-256（Secure Hash Algorithm 256，安全散列算法256）
是散列函数（或哈希函数）的一种，能对一个任意长度（按bit计算）的数字消息（message），计算出一个32个字节长度的字符串（又称消息摘要，message digest）
HMAC-SHA256算法，即使用SHA-256生成哈希值的HMAC算法

每日一曲 《满天星辰不及你》 
星际闪耀光影 落入你的眼睛
如迷人的水晶 把浪漫放映
爱是种魔法 给我们指引
穿过黑暗森林 去寻找黎明

加密中的分组长度是指每次处理数据时，所采用的固定长度的数据块。
分组长度是根据具体的加密算法而定的，常见的有64位、128位等，
DES（数据加密标准）64位，
AES（高级加密标准）128位，
SM4（中国国密算法）128位，