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

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

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

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

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

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

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

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

深拷贝学习

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

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

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

手写md5加密解密js

悬浮的青春 发布于 2022-08-23 17:42
手写md5加密解密js 搜索 复制
标签: 网页
评论(0) 浏览(757)

vue开发必须知道的36个技巧（转）接上篇

悬浮的青春 发布于 2021-11-25 17:17
摘要
标签: 网页
评论(0) 浏览(1011)

vue开发必须知道的36个技巧（转）

悬浮的青春 发布于 2021-11-25 16:54
Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;
标签: 网页
评论(0) 浏览(857)

javascript在线图片url转base64

悬浮的青春 发布于 2021-11-25 16:28
在线图片转base64
标签: 网页
评论(0) 浏览(949)

热门文章

日历

最新评论

链接