vue小技巧5单个作用域插槽的简写(不需要 template 标签)

悬浮的青春 发布于 2022-09-02 16:10
限定范围的插槽非常有趣,但为了使用它们,您还必须使用许多模板标记。 幸运的是,有一个简写可以让我们摆脱它,但只有在我们使用单个作用域槽的情况下。 普通写法:            不使用 template: <DataTable #header="tableAttributes">   <TableHeader v-...

vue小技巧4知道何时使用v-if(以及何时避免使用)

悬浮的青春 发布于 2022-09-02 16:09
与其使用v-if,有时使用v-show来代替,会有更高的性能。 <ComplicatedChart v-show="chartEnabled" /> 复制代码 当v-if被打开或关闭时,它将创建并完全销毁该元素。相反,v-show将创建该元素并将其留在那里,通过设置其样式为display: none来隐藏它。 如果你要切换的组...

vue小技巧3使用引号来监听嵌套属性

悬浮的青春 发布于 2022-09-02 16:07
你可能不知道这一点,我们可以通过使用引号轻松地直接监听嵌套值: watch {   '$route.query.id'() {     // ...   } }

vue小技巧2默认内容和扩展点

悬浮的青春 发布于 2022-09-02 16:06
Vue中的槽可以有默认的内容,这使我们可以制作出更容易使用的组件。 button class="button" @click="$emit('click')"             Click me    我最喜欢使用默认槽,就是用它们来创建扩展点。 我们可以取组件的任何部分,将其封装在一个插槽中,在外面我们可以用想要的任何内容覆盖组件的该部分。默认情况...

vue小技巧1将prop限制在一个类型的列表中

悬浮的青春 发布于 2022-09-02 16:04
使用 prop 定义中的 validator 选项,可以将一个 prop 类型限制在一组特定的值中。 export default {   name: 'Image',   props: {     src: {       type: String,     },     style: {       type: String,       validat...

深拷贝学习

悬浮的青春 发布于 2022-09-02 15:53
是不是还在手写按钮、文本字体等简单样式?这些工具就可以帮你快人一步,赶快用起来吧! 01 CSS Button Generator 地址:cssbuttongenerator.com 02 花式边界半径 地址:9elements.github.io/fancy-border-radius/ 03 平滑阴影 地址:shadows.brumm.af 04 阴影生...

Git 修改历史 commits 中的用户名和邮箱

悬浮的青春 发布于 2022-08-30 15:13
Git 修改历史 commits 中的用户名和邮箱 搜索 复制
标签: 网页

手写md5加密解密js

悬浮的青春 发布于 2022-08-23 17:42
手写md5加密解密js 搜索 复制
标签: 网页

EPSG在线投影坐标地理坐标系转换

悬浮的青春 发布于 2022-08-02 14:59
EPSG在线投影坐标地理坐标系转换 搜索 复制
标签: gis

Spring框架爆RCE 0day漏洞,解决方案

悬浮的青春 发布于 2022-03-30 16:37
近日,Spring框架被曝出RCE 0day漏洞,可导致远程代码执行 (RCE),使用JDK9及以上版本皆有可能受到影响,目前已经有该漏洞的在野利用。由于该漏洞攻击面较广,潜在危害严重,提醒广大用户尽快排查漏洞情况,降低安全风险。
标签: 网页