普通网友-优快云博客

原创详解Vue router路由

这篇文章主要为大家介绍了Vue 的router路由，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助目录1.基本使用 2.几个注意点 3.多级路由(多级路由) 4.路由的query参数 5.命名路由 6.路由的params参数 7.路由的props配置 8.编程式路由导航 9.缓存路由组件总结1.基本使用2.几个注意点3.多级路由(多级路由)4.路由的query参数5.命名路由例...

2022-04-20 20:05:10 205

原创详解Vue slot插槽

这篇文章主要为大家介绍了Vue的slot插槽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助1.作用:让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件（传的是HTML格式）。父组件App:子组件Category：在父组件或者子组件里都可以给插槽中的内容设置样式，效果一样作用域插槽：1.理解:数据在组件的自身（Category），但根据数据生成的结构需要组件的使用者（APP）来决定。(games

2022-04-20 20:03:56 1220

原创详解Vue的列表渲染

这篇文章主要为大家介绍了Vue的列表渲染，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助目录1.v-for:遍历数组内容（常用） 2.v-for:遍历对象属性（常用） 3.遍历字符串（不常用） 4.遍历指定次数（不常用） 5.key的作用和原理 1.虚拟DOM中key的作用: 2.对比规则: 3.用index作为key可能会引发的问题: 4.开发中如何选择key? 总结 1. v-for:遍历数组内容（常用）in 也可以用 of 代替

2022-04-20 20:00:49 1871

原创 vue修改滚动条样式的方法

这篇文章主要介绍了vue修改滚动条样式,首先要知道，修改滚动条样式，利用伪元素-webkit-scrollbar。下面来看看文章内容的具体实现吧http://www.17wansf.com/thread-9102979-1-1.htmlhttp://www.17wansf.com/thread-9097469-1-1.htmlhttp://www.17wansf.com/thread-9097030-1-1.htmlhttp://www.17wansf.com/thread-9096594-1-1

2022-04-20 19:57:55 1513

原创为网站代码块pre标签增加一个复制代码按钮代码

写文章的时候，作为一名专业的码农，经常会在文章中粘贴一些代码。有的时候代码块比较长，在后期使用中需要复制这段代码就比较麻烦参考其他比较专业的博客系统，都在代码块上有一个复制代码的按钮。用来快速复制整个代码块的代码。于是我也想给我的博客增加一个这个功能。注：chrome测试通过。其他浏览器未进行测试。实现思路：1、在页面加载完成之后，使用js给每个pre标签增加一个按钮“复制代码”2、给按钮增加点击事件，点击事件的功能就是复制代码块的内容实现代码：css部分，btn-pre-c

2022-04-20 19:54:32 1377