清茶书香

在组件之间进行传递数据一般可以通过props从父组件向子组件传递，用自定义事件的方式从子组件向父组件传递数据。

之前模版语法中也演示过一次props的作用，这里再详细的介绍一下props。

通过props你可以传递各种类型的数据，你可以直接传递一个静态的数据，也可以传递动态获取的数据。

总结些分析日志时会用到的指令。

这个方式也可以用来查看实时写内容的日志文件

比如：tail -f demo/*.log demo2/*.log demo3/*.log

今天提供一个可以随机生成手机号的脚本。

这个脚本提供了三个参数，-m,-u,-t分别是生成移动号、联通号、电信号。

早上在群里看到一个老哥发出来的问题，原以为是老哥没睡醒判断12:00小于11:42为真，后续老哥说是期望是假，说错了。此时再看问题就怎么想怎么不对劲（老哥已经询问同事解决了问题，但我就想找下为什么会产生这样的问题）。

此为原例：

此问题其实是老哥手误将时间里的HH写成了hh，这就变成了使用12小时制去解析时间，当时有个群友就说即使是12小时制也应该是12点更晚吧？我其实也是这么想的，但是我把代码自己敲一遍，看着结果我就只能去找为什么会变成这样。

在vue模版语法中我们可以用v-on或者它的缩写@来监听DOM事件，比如v-on:click="count++"、@click="countMethod()"(无参括号可省略)

一般事件的处理逻辑都比较复杂，所以像上面那样直接把js写在指令中是不行的，这时我们就需要结合组件的方法来使用了。我们可以把我们的逻辑写在定义的方法中，然后在指令中调用即可。

事件修饰符就是为v-on指令(缩写@)用.开头的指令后缀，比如@click.once只点击一次。

v-bind指令可以绑定任意常规类型的变量，而vue对class和style样式的绑定做了一定的优化，绑定它们时还可以绑定数组、对象类型的变量。

动态绑定的样式可以与常规的class、style属性共存。

虽然模版语法支持js表达式，但是它并不适用复杂计算式，如果需要用到复杂计算时我们可以用组件的methods去实现，而Vue还提供了一个计算属性让我们专门用来做这样一件事。先来看下示例：

首先需要了解下vue的项目结构，根据vue-cli创建的初始项目可以看到主要由下面的方式组成。

每个 Vue 应用都是通过用 createApp 函数创建一个新的应用实例开始的：

实例的大多数方法返回值都是此实例，允许链式调用：

以上为redis单机模式的常规配置，连接池配置视情况配置，以下为集群模式配置

序列化配置一般针对使用RedisTemplate的或者自定义的项目，StringRedisTemplate的序列化全部使用的是String方式序列化，一般使用StringRedisTemplate的也不会再去配置，因为字符串序列化就已经是最快的序列化方式了。

提供一个工具类，这个工具类并不是很全面但是都是比较常用的操作，有需要还可以自行添加。

在spring-cloud-gateway中自动注入一个Bean出现循环依赖的问题解决方案：

先给出解决方案：

这是我在spring-cloud-openfegin的官方issue中找到的一个方案，我选择的是这种方式解决。

vue-cli是Vue官方提供的开发脚手架，能快速创建一个开发的demo，并且部分配置也已经配置好了可以直接进行项目开发。

它会提示你选择一个预设项，下面的第一个是我曾创建时保存的一个模板，默认是让选择vue2、vue3、自定义

选择自定义后会提示你选择需要的模块